学习 Sea.js 笔记(三)
2015-11-11 00:00
579 查看
== require 书写约定 ==
必须名为 require.
define(function(require) { // 正确写法...
...
});
不用修改, 不要重命名 require (可能构造工具会查找名字 require?)
后续文档说是通过正则匹配 require 的方式来得到依赖信息.
因此必须遵守书写约定, 否则无法获得依赖项[].
require 的参数值必须是直接量:
require('module'); // 不能用变量, 运算等.
简单性原则: 设计必须简单,这既是对实现的要求,也是对接口的要求。
实现的简单要比接口的简单更加重要。简单是设计中需要第一重视的因素。
CMD模块的压缩,自动构建:
1. 提取: 根据源文件, 找到模块标识 id 和依赖 dependencies, 转为临时文件.
2. 压缩: 调用 js 压缩工具进行压缩.
第1步相对其他构建多出来的步骤.
由于使用正则匹配方式获取 id, depend, 某些特定情形无法获取, 请避免.
推荐采用配套的构建工具压缩, 合并代码. (合并前要提取 id 等).
== 模块的加载启动 ==
1. 页面引入 sea.js (也可内嵌于网页)
2. seajs.use('xxx', callback?);
== 调试 ==
通过查看 seajs.cache 可查阅当前模块系统中所有模块信息.
seajs.data 可查看 seajs 所有配置和内部变量的值.
至此基本了解了 sea.js 了.
必须名为 require.
define(function(require) { // 正确写法...
...
});
不用修改, 不要重命名 require (可能构造工具会查找名字 require?)
后续文档说是通过正则匹配 require 的方式来得到依赖信息.
因此必须遵守书写约定, 否则无法获得依赖项[].
require 的参数值必须是直接量:
require('module'); // 不能用变量, 运算等.
简单性原则: 设计必须简单,这既是对实现的要求,也是对接口的要求。
实现的简单要比接口的简单更加重要。简单是设计中需要第一重视的因素。
CMD模块的压缩,自动构建:
1. 提取: 根据源文件, 找到模块标识 id 和依赖 dependencies, 转为临时文件.
2. 压缩: 调用 js 压缩工具进行压缩.
第1步相对其他构建多出来的步骤.
由于使用正则匹配方式获取 id, depend, 某些特定情形无法获取, 请避免.
推荐采用配套的构建工具压缩, 合并代码. (合并前要提取 id 等).
== 模块的加载启动 ==
1. 页面引入 sea.js (也可内嵌于网页)
2. seajs.use('xxx', callback?);
== 调试 ==
通过查看 seajs.cache 可查阅当前模块系统中所有模块信息.
seajs.data 可查看 seajs 所有配置和内部变量的值.
至此基本了解了 sea.js 了.
相关文章推荐
- Javascript 面向对象编程
- JavaScript基本概念(上)
- JavaScript-实例(表格行颜色间隔显示并高亮)
- Javascript设计模式理论与实战:适配器模式
- DOM学习笔记整理
- JavaScript学习笔记之四 对象 及原型
- JavaScript学习笔记三
- JavaScript笔记二
- servlet传值到JSP
- JavaScript学习笔记大纲
- 你不知道的JavaScript--Item31 值得你挑战的JavaScript面试题(45题)
- [读书笔记]高性能js-Ajax
- 阅读笔记《JavaScript语言精粹》
- JSP的九个隐式对象
- js实现页面定时跳转
- Json的学习
- JSP页面中form表单的下拉列表
- 你不知道的JavaScript--Item30 数组进阶全掌握
- JavaScript正则表达式应用---replace()
- js 表单验证