JaxChu

Quick note


  • Home

  • Archives

  • Categories

  • Tags

  • About

  • Search

Javascript 设计模式( 二 )职责链模式

Posted on 2016-09-04 | In Javascript 设计模式

职责链模式

定义:

使多个对象都有机会处理请求,从而避免请求的发送者和接收者之间的耦合关系,将这些对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理为止。
链中受到请求的对象要么亲自处理它,要么转发给下一个候选者。提交方并不明确有多少个对象会处理它,任一候选者都可以响应相对应的请求,可以再运行时刻决定哪些候选者参与到链中。

Read more »

Javascript 设计模式( 一 )模块方法模式

Posted on 2016-09-04 | In Javascript 设计模式

模块方法模式

定义:

模块方法模式是一种需要使用继承就可以实现的模式。
由2部分组成,第一部分是抽象父类,第二部分是具体的实现子类。
通常在抽象父类中封装了子类的算法框架,包括实现一些公共方法以及封装子类中所有的方法的执行顺序。子类通过继承这个抽象的类,也继承了整个算法结构,并且可以选择重写父类的方法。

Read more »

Flex

Posted on 2016-09-04

Flex

一、简介

1.是什么?

Flexible Box , 弹性盒子 ,用于弹性布局

2.兼容性

IE10 + /Chrome 21+ /Opera 12.1+ /Firefox 22+ /Safari 6.1+
参考:caniuse.com

3.影响

设置 flex 布局以后,子元素的 float 、clear 、vertical-align 属性将失效。

Read more »

react (一)概览

Posted on 2016-09-02 | In react

简介

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 应用。

Read more »
1…34
JaxChu

JaxChu

FE@JKXY

19 posts
5 categories
19 tags
© 2017 JaxChu
Powered by Hexo
|
Theme — NexT.Pisces v5.1.3