基于Framework7,使用webpack搭建的前端项目架构
发布于 9 年前 作者 Alex-fun 9555 次浏览 最后一次编辑是 8 年前 来自 分享

介绍

由于年底比较闲,所以决定把这个东东拉出来分享一下(不知这里分享前端的东西合适不合适=.=!),本来这个东西是做给实习生学习学习用的,然而实习生已经走光,呵呵

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的看法吧! 优点

  1. ui很丰富,也很漂亮
  2. 组件很丰富,该有的都有,非常适合做原型
  3. 路由系统挺完善的,基本的状态事件和数据都有提供

缺点

  1. 体积略大,如果可以按需打包就完美
  2. DOM7和Template7并不是很好用
  3. 专注iOS的ui,导致兼容性并不好(这个见仁见智吧)

差不多就这些吧,还有一些开发中遇到的坑就不提了!

最后就放上项目地址吧:我是地址

5 回复

哈哈,界面不错啊

@alsotang 谢谢!~v~

菜鸟一枚,gulpfile.js里面的配置完全看不懂欸,楼主能不能讲讲

@niufang009 直接看webpack 分支吧

@Alex-fun 谢谢 已经改掉了 把gulp去掉 全都用的webpack

回到顶部