码迷,mamicode.com
首页 > Web开发 > 详细

WEB 组件开发相关记录

时间:2015-02-11 02:03:33      阅读:282      评论:0      收藏:0      [点我收藏+]

标签:浏览器   封装   组件开发   javascript   应用层   

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

技术分享

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

浏览器底层的问题:

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

2、 JS原生API不好用;

3、 浏览器兼容问题

框架:Prototype、YUI、Dojo、JQuery


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

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

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


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


弹窗组建开发:

原生弹窗

技术分享

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

简单回调的问题

1) 只能绑定一个回调

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

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

解决办法: 原生事件

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

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

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

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


原生function的问题:

1) 所有类继承自Object

2) Object提供的帮助太少


本文出自 “时光” 博客,请务必保留此出处http://timeblog.blog.51cto.com/8650972/1613460

WEB 组件开发相关记录

标签:浏览器   封装   组件开发   javascript   应用层   

原文地址:http://timeblog.blog.51cto.com/8650972/1613460

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!