《利用RequireJS实现WEB模块化开发》.pdf

利用RequireJS 模块化开发 主讲人Tim 职位：WEB 前端开发工程师 公司：厦门易动网络有限公司 产品功能频繁的修改，添加或者删除 和后端沟通过程中的JS 的整合拆分 页面就变得有非常多的JS 代码和链入的JS 文件 做为频繁修改页面，JS 的我们该怎么办？ 做为前端团队中的一员，又经常要与后 端，美工，产品经常沟通，我们如何提高 效率？ 模块化 因为有了模块，我们就可以更方便地使用别人的代 码，想要什么功能，就加载什么模块。 但是，这样做有一个前提，那就是大家必须以同样 的方式编写模块，否则你有你的写法，我有我的写 法，岂不是乱了套！ 模块就是实现特定功能的一组方法。 Javascript 模块化编程，已经成为一个迫切的需 求。 那么你们是如何实现模块化的呢？ RequireJS AMD AMD 意思就是 异步模块定义 。它采用异步方式 加载模块，模块的加载不影响它后面语句的运行。 所有依赖这个模块的语句，都定义在一个回调函数 中，等到加载完成之后，这个回调函数才会运行。 script data-main=scripts/main src=scripts/require.js/script 是否引用RequireJS 的对比 define require define([,],function(){}) require([,]) require.config({ baseUrl:, paths:{ … }, shims:{ } }) 按需加载 define((__proto__ in {} ? [zepto] : [jquery]), function($) { return $; }); 优化（r.js ） 除的r.js 还有其它打包压缩整合的工 具？ 使用感受如何？ 谢谢大家的参与和讨论 RequireJS 的模块化开发主题 感谢小鱼网提供第12 期前端分享的场地 感谢小鱼网的前端朋友的忙前忙后。 参考文档：/tool/requirejs.html 感谢/blog/ 提供的关于ReqireJS 学习文档