职责链模式
定义:
使多个对象都有机会处理请求,从而避免请求的发送者和接收者之间的耦合关系,将这些对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理为止。
链中受到请求的对象要么亲自处理它,要么转发给下一个候选者。提交方并不明确有多少个对象会处理它,任一候选者都可以响应相对应的请求,可以再运行时刻决定哪些候选者参与到链中。
Quick note
Flexible Box , 弹性盒子 ,用于弹性布局
IE10 + /Chrome 21+ /Opera 12.1+ /Firefox 22+ /Safari 6.1+
参考:caniuse.com
设置 flex 布局以后,子元素的 float 、clear 、vertical-align 属性将失效。
fackbook 这是一个视图层的JS库。
虚拟DOM、组件化、可复用,多平台
React 在全局定义一个唯一的数据模型,模型中只要数据有任何变化,都将整个数据模型应用到UI界面的DOM树上,react会负责更新需要更新的的界面部分。
虚拟DOM,是在浏览器端用 JS 实现了一套 DOM API。
基于 React 的所有 DOM 构造都是通过虚拟 DOM 进行的。每当数据变化时,React 会重 新构建整个 DOM 树,并将当前的树和上一次的 DOM 树进行对比,得到 DOM 结构的区别。然后仅仅将需要变化的部分进行实际的浏览器 DOM 更新。且,React 能够批处理虚拟 DOM 的刷新,在一个事件循环内的两次数据变化会被合并。
组件,状态机器。
React 讲用户界面看成多个组件的状态机器,当组件处于某个状态是,就输出这个状态所对应的界面。只需要简单更新某个组件的状态,即可基于新状态输出整个页面,然后React 对比前后2个界面的不同,局部更新需要变化的DOM树。
多平台,react Native。
可以打包成 android 及iOS 应用。