以主流框架为标记,介绍前端开发的发展。
首先,jQuery 出现,解决了很多实际问题,成为行业事实标准。但是缺少业务逻辑抽象,在开发大型应用的时候无法提供帮助。
于是大家将 MV* 模式引入前端开发。因为前端开发的特殊性(HTML、CSS 实际上解决了渲染的问题),MVP 架构的 Backbone 凭借出色的设计和小巧的体积,赢得大家青睐。使用 Backbone 可以构建更强壮的大型应用,开发效率更高。
但是 Backbone 增加了业务抽象,使得程序结构更复杂,相应的需要代码也更多。大量的时间绑定和视图处理增加了我们的开发成本。
之后 MVVM 模式的框架出现,发展很快。凭借双向绑定和强大的模板机制,既保有新框架的优势,又能少写很多代码,于是快速占领市场。尤其是 Vue,学习曲线平缓,文档齐全,社区活跃,已经成为最值得学习的前端框架。
本教程将使用上述三种形式开发同一 TODO 应用,展示这几种开发方式之间的不同,帮助大家理解他们的差异。
sample
├-- jquery/
├-- backbone/
├-- vue/
└-- template/ 练习用
代码部分采用 MIT 进行许可。
Slide 和文档部分采用 CC4.0 进行许可