Javascript MV framework 对比

Posted 2020-09-28 第三方as

javascript 最近的framework笔记多，大致可分以下3类。


单向绑定
简单直接。ajax从service拿数据传递给viewtemplate进行绑定。当然这个过程也可以在服务器端来做，.net的 asp.net mvc 和python的flask框架都可以。
优势： 开发速度提高，单向数据流的页面可考虑使用。
劣势： view与model一对多容易乱，可一对一的话降低了可重用性。



双向绑定
和单向绑定不同之处是，model除了从service拿数据传递给view，view还要负责通知model UI的更新。
优势： 开发速度显著提高。
劣势： 大量使用，容易把代码写乱，可维护性会降低，每个双向绑定就是个观察者模式，有潜在性能问题。





组件思路
主要指的是ReactJS，目的是创建可重用的UI组件，这种做法的任务是维持组件的高内聚性。
优势： 通过提高局部的内聚性来降低软件整体的耦合。可维护性强。
劣势： 一开始开发速度上不如绑定的方式快。页面组件过多会有潜在性能问题。



结论：
凡是考虑双向绑定的场景可考虑使用组件（reactjs）代替。简单页面单向绑定（handlebarjs,knockoutjs），也可以定义一些可重用的UI组件。
UI总体上技术设计是搞定单向绑定+组件。至于用不用jquery，很多因素（技术总架构选择，团队背景等等）而定。总之只要能够维持组件的高内聚，用也无妨。

http://www.woaipu.com/shops/zuzhuan/61406
http://www.znds.com/tv-967956-1-1.html
http://www.znds.com/tv-967958-1-1.html