seajs模块化开发思路齐继超

ID：39983644

大小：851.00 KB

页数：20页

时间：2019-07-16

资源描述：

《seajs模块化开发思路齐继超》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、前端模块化开发CMCCRMSRD-HZNewBusinessDept.2014.04.04齐继超—Seajs模块化实践传统的开发模式根据页面功能来划分不同的业务区域开发人员分别编写CSS，HTML，JS实现业务功能最后将所有的业务组织起来，完善整个系统功能编码业务划分整合调试传统开发模式常见的问题命名冲突代码冗余不易维护无法协作编码容易，维护不易，且行且珍惜代码和我冲突了这段代码可以复用吗天啊，代码有一千多行尝试解决的方案——组件化定制编码规范基础UI组件丰富JS组件精选第三方组件CSS规范编码规范JS规范UI库ResetLayo

2、utFormTableMsgJS组件TabsScrollupModalCollspseTooltipHTML规范工程师规范artDialog精选第三方HandlebarsomGrid关注命名规则快速搭建页面常用组件复用稳定高效尝试解决的方案——组件化组件使用方便接口清晰易扩展代码稳定质量高我也要写组件尝试解决的方案——组件库JavaScript规范varorg={};varorg.Utils={};varorg.Utils.tabs=function(arr){//实现代码}JavaScript.ui-tabs{border:1

3、pxsolid#ccc}.ui-tabs-light{border:1pxsolid#d9d9d9}.ui-tabs-title{border-bottom:1pxsolid#ccc;}.ui-tabs-titleh3{border-bottom:1pxsolid#eee;}CSSCSS规范尝试解决的方案——组件库组件库的页面开发模式余额宝查询

4、b/tabs.js">

page.html业务逻辑代码基础UI库常用组件库规范代码第三方模板库组件化开发的新问题依赖文件需要预先

5、按顺序加载

6、ipttype="text/javascript"src="function3.js">引入的所有组件相互依赖的业务代码组件化开发的新问题组件书写格式和基本交互规则不一致varorg={};varorg.Utils={};varorg.Utils.tabs=function(arr){//实现代码}JavaScript(function($){$.fn.Tabs=function(op

7、tions){//实现代码};})(jQuery);jQuery尝试解决的方案——模块化将一段JavaScript代码，进行统一的格式书写通过基本的交互规则，模块之间能彼此引用，协同工作。通过模块加载器进行异步加载依赖模块通用模块定义-CMDdefine(function(require,exports,module){//获取模块a的接口vara=require('a');//调用模块a的方法a.doSomething();//对外提供doSomething方法exports.doSomething=function(){};}

8、);CMD异步模块定义-AMDdefine(['a','b'],function(a){//模块依赖在定义的时候就写好a.doSomething();b.doSomething();//对外提供doSomething方法exports.doSome

当前文档最多预览五页，下载文档查看全文

侵权申诉



1 1 2 3 4 5 / 20



此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文

seajs模块化开发思路齐继超

seajs模块化开发思路齐继超

相关文章

相关标签