说下背景: 在ES6以前,JS语言没有模块化,如何让JS不止运行在浏览器,且能更有效的管理代码, 于是应运而生CommonJS这种规范,定义了三个全局变量: require 用于引入一个模块 exports 对外暴露模块的接口,可以是任何类型 module 是这个模块本身的对象 用require引入 ...
分类:
Web程序 时间:
2016-06-01 18:06:08
阅读次数:
176
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
ngRoute (angular-route.js) 和 ui-router (angular-ui-router.js) 模块有什么不同呢? 很多文章中都有说道:当时ngRoute在路由配置时用$routeProvider,但是当ui-router路由配置时用 $stateProvider 和 $ ...
分类:
Web程序 时间:
2016-05-18 12:15:44
阅读次数:
198
一、Express框架 前面的章节已经介绍过了,可以使用npm来安装node.js模块。具体操作请参照以前写的nodejs概论。 Express是一个nodejs的web开源框架,用于快速的搭建web项目。其主要集成了web的http服务器的创建、静态文本管理、服务器URL地址请求处理、get和po ...
分类:
Web程序 时间:
2016-05-01 12:22:56
阅读次数:
383
requirejs的优点: 1.防止在js的加载过程中,阻止页面的渲染; 2.可以引入多个js文件; 3.可以写出重复使用的js模块; 4.有效的防止命名的冲突,通过将变量分装在模块中的方式实现; requirejs的方法: 1. requirejs.config 用于指定模块的别名,方便模块的引入 ...
分类:
Web程序 时间:
2016-04-28 19:51:46
阅读次数:
146
js通过立即执行函数可以进行模块化。 但是涉及复杂模块依赖关系上述方式就需要改造了。 require.js是遵循AMD规范的JavaScript模块化库,。下面展示了如何使用require.js进行js模块化。 1.定义一个模块mod1.js 2.定义需要依赖的模块mod2.js define方法用 ...
分类:
编程语言 时间:
2016-04-19 19:25:37
阅读次数:
269
npm和bower 1 npm是伴随node.js出现的一个包管理器,最开始只支持node.js模块管理,现在支持javascript的包管理器,前后端通用 2 bower是专门为前端表现设计的包管理器,一切全部为前端考虑 区别: npm:支持嵌套的依赖管理,生成的文件夹叫“node_modules ...
分类:
其他好文 时间:
2016-04-19 19:05:33
阅读次数:
149
模块加载器 最近在做新项目的时候自己利用一点业余时间写了一个简单的js模块加载器。后来因为用了webpack就没有考虑把它放到项目里面去,也没有继续更新它了。模块加载器开源的有很多,一般来说seaJS和reqiureJS都能满足基本需求。本篇博文主要分享一下卤煮写这个加载器的一些想法和思路,作为学习 ...
分类:
其他好文 时间:
2016-04-11 14:08:02
阅读次数:
227