使用sea.js管理你项目js文件
2014-07-14 15:17
253 查看
好处:
1,减少命名冲突
2,解决依赖管理
3,管理你的js文件,进一步实现页面和脚本的分离(如果页面被前端机器缓存,可以不用修改页面就能修改js引用)
参考:模块化开发的价值
基础:
1,定义一个模块
更多参阅:模块定义规范
2,模块的引用
3,模块的配置
Tips:preload在v2.3后不支持了,具体看2.3版本移除的特性
4,define中的三个参数(require, exports, moule)
详细请看:define的三个参数详解
以上部分都掌握,基本上就可以使用sea.js进行模块化开发了。更多还需要你进一步探索(包括不仅限于阅读源码)
最后奉上seajs的下载打包文件目录
使用实例:
1,我们页面由两个部分组成:_Layout.cshtml是公用的头尾,Index.cshtm是具体的页面。
公用的部分用script引入,再引入一个sea.js(官方去掉了preload这个选项,推荐使用script直接调用)
移除特性
1,减少命名冲突
2,解决依赖管理
3,管理你的js文件,进一步实现页面和脚本的分离(如果页面被前端机器缓存,可以不用修改页面就能修改js引用)
参考:模块化开发的价值
基础:
1,定义一个模块
define(function(require, exports, module){ }); define("定义字符串模块"); define({arg:"定义对象模块"})
更多参阅:模块定义规范
2,模块的引用
use("./a"); use(["./a","./b"],function(a,b){ })
3,模块的配置
seajs.config({ alias:{ jq:"" }, preload:["jq"] })
Tips:preload在v2.3后不支持了,具体看2.3版本移除的特性
4,define中的三个参数(require, exports, moule)
详细请看:define的三个参数详解
以上部分都掌握,基本上就可以使用sea.js进行模块化开发了。更多还需要你进一步探索(包括不仅限于阅读源码)
最后奉上seajs的下载打包文件目录
使用实例:
1,我们页面由两个部分组成:_Layout.cshtml是公用的头尾,Index.cshtm是具体的页面。
公用的部分用script引入,再引入一个sea.js(官方去掉了preload这个选项,推荐使用script直接调用)
移除特性
相关文章推荐
- 使用r.js压缩整个项目的JavaScript文件
- 文件资源使用Texture管理cocosBuilder项目资源:纹理文件使用(TexturePacker)
- php大力力 [029节] 做PHP项目如何下载js文件:使用腾讯浏览器把网上案例页面存储到本地
- Smart SVN-使用Smart SVN 管理Xcode项目文件
- Emacs使用Projectile管理项目,可快速访问项目里任何文件,支持全项目关键词搜索
- 初识gsoap2 及 使用qt开发gsoap程序项目文件管理
- 如何使用 require.js ,实现js文件的异步加载,避免网页失去响应,管理模块之间的依赖性,便于代码的编写和维护。
- Smart SVN-使用Smart SVN 管理Xcode项目文件
- [导入]在 Visual Studio .NET IDE 内使用“从源代码管理打开”时出现无法读取项目文件的错误
- 使用Grunt.js管理你项目的应用说明
- 使用Texture管理cocosBuilder项目资源:纹理文件使用(TexturePacker)
- 使用Maven管理依赖JAR文件,自定义项目布局,利用ANT生成不同的发布包
- Smart SVN-使用Smart SVN 管理项目代码文件(在windows上)
- 在VS.NET内使用“从源代码管理打开”时出现无法读取项目文件的错误
- 使用Texture管理cocosBuilder项目资源:纹理文件使用(TexturePacker)
- 项目中如果管理前端文件CSS和JS
- ios使用Git管理项目,可以忽略哪些文件
- Smart SVN-使用Smart SVN 管理Xcode项目文件
- [导入]在 Visual Studio .NET IDE 内使用“从源代码管理打开”时出现无法读取项目文件的错误