WEB 组件开发相关记录

JS 实践中的分层方法: 应用层、框架组件层、框架core、浏览器底层

wKioL1TZ-XqzA4v9AAFqd7Ikksk514.jpg

JS 分为: DOM、BOM、Style样式、Canvas 2D、WebGL、SVG

浏览器底层的问题:

1、 JS核心语法层面薄弱;

2、 JS原生API不好用;

3、 浏览器兼容问题

框架:Prototype、YUI、Dojo、JQuery


框架组件:提供一些简单的控件  分为定制组件和框架通用组件

例如: input、text、checkbox、radio、select

未提供的控件:日历选择器、富文本编辑器


组件: 框架组建、定制组件、独立组件


弹窗组建开发:

原生弹窗

wKiom1TZ-Arh_s1kAACxUjdy8P8911.jpg

原生弹窗问题:1、阻塞进程;2、不同浏览器样式不同;3、不可定制样式;

简单回调的问题

1) 只能绑定一个回调

2) 回调的绑定时间和组建实例化时间耦合在一起

如果相对独立的多个模块需要绑定组件的同一事件,怎么办?

解决办法: 原生事件

1) DOM事件:click、mousedown、focus、load ….

2) BOM事件:resize、storage、beforeunload ....

自定义事件本质:观察者模式

优点:跳出原生事件的限制,提高封装的抽象层级


原生function的问题:

1) 所有类继承自Object

2) Object提供的帮助太少


你可能感兴趣的:(JavaScript,浏览器,封装,组件开发)