为什么要有前端框架

image.png

the biggest benefit these frameworks provide: keeping the UI in sync with the state
框架最大的优点是，保持页面（UI）和状态的同步。
—— The deepest reason why modern JavaScript frameworks exist

框架主要的两个策略是：
1.重渲染整个组件，主要是利用了虚拟DOM技术（React）
2.Observer观察者（Angular and Vue.js）： 声明的变量都有一个observer，当数据变化时，页面中声明的变量所在的位置也会相应的更新

注意，框架并不等于组件，组件只是一个自定义的Tag，它本身并没有任何保持状态和页面一致性的机制。如果你想要把组件当框架用，那你还需要引入第三方插件或者自己写“同步”机制（It’s not that hard to make your own framework using an existing Virtual DOM library. But I’m not suggesting you to do that! Virtual DOM library:Virtual DOM implementations）

Conclusion:
The main problem modern JavaScript frameworks solve is keeping the UI in sync with the state.