zoukankan      html  css  js  c++  java
  • 使用妹子UI开发的体验分享

    前阵子看到一个类似bootstrap的前端UI框架,好奇心驱使下,去琢磨了一些,最终决定网站改版用这个UI试试效果:

    首页+头部:

    投稿页:

    现成拷贝过来的评论列表:

    总结:

    上手难度:

    (熟悉bootstrap):★

    (不熟悉bootstrap):★★★

    优点:

    一、很多组件都能直接用,常用组件基本都有了,比较适用于快速开发;

    二、官网文档挺详细的,新手入手的话基本没什么压力;

    三、样式比较好看(不知道是不是看多了bootstrap的效果了,就觉得这个UI比bootstrap好看)

    不足:

    一、这个UI很多都是参考bootstrap,很多功能可以说还没真正的开发好,有些js插件还有待完善,比如说弹出框部分,没法用js自由调用;

    二、样式重写方面, 如果你不喜欢他原来的样式,比如说改成自己的颜色尺寸之类的,你在他们的组件上加自己的css类貌似是无效的(我的就遇到这样的,不知道是不是我哪写的不对?),这时候我是用这样的办法解决的:

    1、找到原框架的css样式,改成自己喜欢的样式;

    2、在html标签上直接写样式(貌似这个写法不是很推荐,但也是无奈之举)。

    三、在处理异步结果的时候,改变html会无效,比如说下拉框内容会弹不出来(图1效果),这时候我选择用刷新页面解决(我发现这个问题是在做登陆功能的时候),ajax登陆成功后就执行刷新页面,不然按钮变成下拉框就没有下拉了o(╯□╰)o

    四、弹出效果不如bootstrap好看

    总之,多学个框架总是好的,现在改版基本完成了想看具体效果的可以去看看www.weixh.net

  • 相关阅读:
    写的好的功能参考地址
    碰撞检测原理
    懒加载原理的实现
    jQuery图片延迟加载插件jQuery.lazyload 的使用
    电子工厂生产楼职位解析
    打印条码方式
    条码打印二
    条码打印三
    CSS实现圆角矩形
    条码打印四
  • 原文地址:https://www.cnblogs.com/sanjuantianshu/p/5278437.html
Copyright © 2011-2022 走看看