学习进度:
名称 | 描述 | 状态 |
---|---|---|
jQuery.js | 基础库 | 掌握 |
zepto.js | Mobile基础库 | 掌握 |
async.js/step.js | 流程控制,异步处理顺序 | |
require.js/yepnope.js/common.js | AMD智能加载,模块化,组件依赖 | |
common.js | 服务端:定义应用程序使用的API | |
node.js | 服务端:commonjs的实现 | |
backbone.js/ember.js/angular.js | 浏览器端:MVVM框架 | |
react.js | 浏览器端:View框架 | |
amaze ui | 浏览器端:控件 | |
framework7.taobao | 浏览器端:Mobile Web框架 |
浏览器端js框架功能需求:
数据加载:异步方法顺序。
数据收集:差异性收集。
数据检查:非空、唯一、命名正则、正则表达式等。
规则:A变化校验A和B,A变化触发方法等。blur,change
状态机:不同数据状态不同的表现。状态机模式。
通知:A变化引发B变化。观察者模式。blur,change
浏览器端js框架非功能需求:
异步处理:按照依赖关系加载,最大程度的并行。
模块化:减小复杂度,降低出错率。部分加载内存释放。
基于元数据:使用元数据描述页面可操作元素。js以元数据为基础,字段类型、实体关系、交互规则、状态机等需要使用元数据进行描述。
基于jQuery:大多数人都会。
不进行双向绑定:数据以View中为准,不需要双向绑定。服务交互时进行数据收集。双向绑定、依据model进行js编写在大多数情况下作用不大,容易隔阂开发人员与js。直白。
基于控件:事件绑定到控件,控件为页面最小操作单元。数据存取调用控件接口。模型中数据为历史数据,View中数据为当前数据。
通知机制:数值变化时,触发change通知。Observer
基于约定:控件ID等与元数据对照、方法名称。
View:在服务端创建,与元数据对照。开发态。依赖元数据和模板。
js:在服务端创建,与元数据对照。开发态。依赖元数据和模板。
js错误探测网站:
errorception.com