[Note]JavaScript框架设计-2017(v2)

• @by 司徒正美

• @doc https://weread.qq.com/web/reader/56d32bd05b230f56d1828f0 (opens new window)

• @code

  • https://github.com/RubyLouvre/avalon (opens new window)
  • https://github.com/RubyLouvre/mass-Framework (opens new window)

---

Avalon

种子模块

模块化

对象扩展

数组化

无冲突处理

语言模块

浏览器探嗅与特征侦测

• ua-parser-js
  • https://github.com/faisalman/ua-parser-js (opens new window)

类工厂

P.js

JS.Class

simple-inheritance

def.js(体现JavaScript灵活性)

选择器引擎

节点模块

数据缓存模块

jquery的3代缓存系统

有容量限制的缓存系统

本地存储系统

样式模块

属性模块

事件系统

PC端

移动端

touch

gesture

tap

press

swipe

pinch

drag | drop

rotate

异步模型

setTimeout | setInterval

callbacks | observers | listeners

JSDeferred

Promise

yield*

async | await

数据交互模块

Ajax

jquery.ajax

fetch

动画引擎

缓动公式

requestAnimationFrame

MVVM

组件

jquery时代的组件

avalon2的组件方案

React的组件方案

参考