第三阶段
- MVVM
- Vue、React、AngularJS简介及对比
MVVM
MVVM是一种框架模式,和传统的MVC模式相比,MVVM的最大特点是 数据驱动视图 ,即:修改数据来导致视图的更改。数据可绑定到html的字符、标签、属性等之上,修改数据等于修改html标签或者属性。想象一下,当将数据绑定到class属性上时,数据变了,class样式自动修改。有过Extjs等前端MVC框架开发基础的都知道,修改class等操作是需要在control层的js文件中进行操作的,而MVVM框架将这部分操作封装起来,在框架底层完成。我们只需关注数据的变化。
MVVM的另一个优点是,在框架底层优化了dom操作,尤其在大量的数据与dom绑定时,普通程序员面对这样的操作并不能提供高效的、优化的解决方案。优化后的control操作被隐藏在框架底层,带来的是页面整体性能的提高,甚至带来类似手机原生app的流畅效果。
Vue、React、AngularJS简介及对比
2016年最热的(不一定准确)三个移动端框架Vue、React、AngularJS,如何取舍需要我们在网上查资料进行对比,当然,如果没有使用过这三个框架,直接看别人的对比介绍比较容易产生困惑。推荐两篇觉得比较中肯的对比贴文:
1、ANGULAR VS. EMBER VS. REACT 如何选择前端框架
就个人体会而言,AngularJS的学习曲线还是比较高的。如果现阶段你不需要做混合应用搞开发的话,vue是快速上手,快速生产的不二之选。vue有详细完整的中文入门官方文档和api、活跃的社区。当然,即便这样,掌握前面介绍的知识点依然很重要。