介绍
由于年底比较闲,所以决定把这个东东拉出来分享一下(不知这里分享前端的东西合适不合适=.=!),本来这个东西是做给实习生学习学习用的,然而实习生已经走光,呵呵
Framework7是一个h5的框架,东西还是很丰富的,然后用到webpack,其实就是为了组件化,项目中还用到了gulp、bower和es6的东东,为的就是搭建一个方便开发和发布东东!
样子
为了方便,我就直接调了2个cnode社区的接口,粗燥地做了些页面(material design风格),如下:
<img src="//dn-cnode.qbox.me/Fu44IoUfqROsv9ITU0yBeo68fkdN" width=“200”>
<img src="//dn-cnode.qbox.me/FggySaifXShKXx-Rp9c5gxh6Gox0" width=“200”>
<img src="//dn-cnode.qbox.me/FgrJYveNB9B9-V-6IQs4P4RVIsFe" width=“200”>
看法
对于Framework7,据我所知,挺多人用来做微信的h5页面,大概说一下我自己对Framework7的看法吧! 优点
- ui很丰富,也很漂亮
- 组件很丰富,该有的都有,非常适合做原型
- 路由系统挺完善的,基本的状态事件和数据都有提供
缺点
- 体积略大,如果可以按需打包就完美
- DOM7和Template7并不是很好用
- 专注iOS的ui,导致兼容性并不好(这个见仁见智吧)
差不多就这些吧,还有一些开发中遇到的坑就不提了!
最后就放上项目地址吧:我是地址
哈哈,界面不错啊
@alsotang 谢谢!~v~
菜鸟一枚,gulpfile.js里面的配置完全看不懂欸,楼主能不能讲讲
@niufang009 直接看webpack 分支吧
@Alex-fun 谢谢 已经改掉了 把gulp去掉 全都用的webpack