前端的发展很快,每隔一段时间自己对前端都会有不同的理解。这个阶段受《 UC 前端工程实践》的影响,尝试在模块化、组件化开发中做一些理解和实践。
周末把以前的一个开源项目 [t/122216](
https://v2ex.com/t/122216 ) 用不同的构建工具重新写了一遍,重新梳理了一下项目的目录结构,希望能更直观的表达现阶段自己对模块化、组件化开发的理解。
理论的东西可能都比较抽象,希望这个项目更多的起到的是一种 Demo 的作用:
* `Framework 7` UI 框架的基本使用
* 使用 `Cordova` 开发一个 Hybrid App
* `gulp & webpack` 的项目实践
* `fis3 & mod.js` 的项目实践
* `grunt & requireJS` 的项目实践(这个已经不推荐了)
* 模块化、组件化的项目实践
其中,在构建工具的选型中,可以发现 `gulp & webpack` 和 `fis3 & mod.js` 互相迁移的成本非常低。 FIS3 的分支是居于 Gulp 分支开发的,[4a801a4](
https://github.com/BelinChung/HiApp/commit/4a801a48a303d5eb3c7015d303ddcfd61f4d5720 ) 这个 commit 可以看出,只需要简单的修改 require 路径便可完成迁移。
目前项目组件化还缺少一个组件之间解耦的事件系统,这个基本上很多的 MV* 框架都自带。如果再配上一个双向绑定的特性,整个项目快捷开发的能力会大大提升。
项目地址:[BelinChung/HiApp](
https://github.com/BelinChung/HiApp )
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/220560
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.