前阵子看到一个类似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