一、JS 模块包装格式都用过哪些,CommonJS、AMD、CMD。定义一个JS 模块代码,最精简的格式是怎样。 js模块化开发的起源。 CommonJs原来是叫ServerJs,从名字可以看出是专攻服务端的,为了统一前后端而改名CommonJs。(论起名的重要性~)2009年,nodejs横空出世 ...
分类:
编程语言 时间:
2016-12-24 02:39:59
阅读次数:
584
gulp.js——基于流的自动化构建工具 步骤: 1. 全局安装 gulp: 2. 作为项目的开发依赖(devDependencies)安装: 3. 在项目根目录下创建一个名为 gulpfile.js 的文件: 4. 运行 gulp: gulp详细入门教程(十分详尽,一定要看一定要看一定要看!!!) ...
分类:
Web程序 时间:
2016-05-30 21:41:06
阅读次数:
194
1.seaJs直接构建存在的问题 由于模块之间的依赖require引用的是模块名,当多个js模块被合并成一个时,会由于找不到模块名而报错 2.seaJs+grunt开发 用到的插件:grunt-cmd-transport和grunt-cmd-concat (CMD规范) grunt-cmd-tran ...
分类:
Web程序 时间:
2016-05-30 21:23:03
阅读次数:
177
模块化开发要解决的问题: 1.冲突 比如:多人协作开发时,不同js库中的函数重名问题 可以用命名空间解决: 命名空间的缺点: 1)写起来较为复杂(特别是涉及到多级命名空间时) 2)只能减少冲突,不能完全消除冲突(两个开发人员恰巧用了同名的命名空间) 2.依赖 引入了多个存在依赖关系js库,后期维护不 ...
分类:
Web程序 时间:
2016-05-29 13:43:44
阅读次数:
519
使用模块化开发的好处:
通过 exports 暴露接口。这意味着不需要命名空间了,更不需要全局变量。这是一种彻底的命名冲突解决方案。
通过 require 引入依赖。这可以让依赖内置,开发者只需关心当前模块的依赖,其他事情 Sea.js/ Require.js 都会自动处理好。对模块开发者来说,这是一种很好的 关注度分离,能让程序员更多地享受编码的乐趣实现JS模块化开发,目前有两个规范,一个是A...
分类:
Web程序 时间:
2016-03-10 10:56:08
阅读次数:
370
1、为什么使用require.js作为命名空间; 作为命名空间使用;异步加载js,避免阻塞,提高性能;js通过require加载,不必写很多script2、require.js的加载require.js下载下载后,放在指定目录就可以加载了?1有人可能会想到,加载这个文件,也可能造成网页失去响应。解决...
分类:
Web程序 时间:
2015-12-16 17:22:41
阅读次数:
216
在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客 户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀这时候JavaScript作为嵌入式的脚...
分类:
Web程序 时间:
2015-11-27 17:22:49
阅读次数:
159
这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。七、模块的规范先想一想,为什么模块很重要?因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,...
分类:
Web程序 时间:
2015-11-27 17:05:00
阅读次数:
132
随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只...
分类:
Web程序 时间:
2015-11-27 17:00:45
阅读次数:
201
深入学习seajs配置信息alias : 别名配置paths : 路径配置vars : 变量配置map : 映射配置preload : 预加载项debug : 调试模式base : 基础路径charset : 文件编码深入学习seajsmoduleid : 模块唯一...
分类:
Web程序 时间:
2015-09-23 01:00:40
阅读次数:
232