API文档
引入Nui.js后,Nui会被注册为一个全局对象,下面介绍一下对象的属性和方法:
load
加载入口模块
# 参数
| 参数名 | 参数类型 | 参数说明 | 
|---|---|---|
| id | String | 模块id,后缀.js可以省略 | 
| callback | Function | 模块加在完毕后(包括内部依赖)回调函数,该函数接收一个参数为模块返回值的引用 | 
# 说明
当配合打包工具使用时,会在入口模块目录生成后缀为-min.js压缩文件;如果模块中使用imports加载了样式文件,会在入口模块目录同级style目录(不存在就创建)中生成-min.css压缩文件。
use
加载模块
# 参数
| 参数名 | 参数类型 | 参数说明 | 
|---|---|---|
| id | String | 模块id,后缀.js可以省略 | 
| callback | Function | 模块加在完毕后(包括内部依赖)回调函数,该函数接收一个参数为模块返回值的引用 | 
# 说明
该方法功能和Nui.load相同,只不过在配合打包工具时不会生成合并压缩文件。
config
配置模块和目录别名,以及模块版本映射
# 参数
| 参数名 | 参数类型 | 参数说明 | 
|---|---|---|
| base | String | 设置根目录,设置后将覆盖paths中的base | 
| paths | Object | 设置目录别名,其中base用于设置根目录 | 
| alias | Object | 设置模块别名,路径中可以通过“{目录别名}”简写路径 | 
| min | Boolean | 默认为true,是否默认加载-min.js文件 | 
| maps | Object | 设置版本映射,加载模块时会优先使用该配置中的版本号 | 
| skin | String | 设置组件皮肤 | 
# 栗子
define
定义模块
# 参数
| 参数名 | 参数类型 | 参数说明 | 
|---|---|---|
| id | String | 模块id,一般不需要设置该值,在合并压缩后,会自动添加上 | 
| deps | Array | 依赖模块 | 
| fectory | 任意类型 | 用于编写业务逻辑和返回接口 | 
# 说明
一个模块就是一个js文件,一个js文件中只能使用一次Nui.define
当fectory为非函数时直接当作接口返回
exports
导出接口,也可直接使用return导出接口,return会覆盖exports。
require
导入js模块
# 参数
| 参数名 | 参数类型 | 参数说明 | 
|---|---|---|
| id | String | 模块id,文件后缀.js可省略 | 
| all | Boolean | 是否返回模块全部数据 | 
imports
导入css/less模块
# 参数
| 参数名 | 参数类型 | 参数说明 | 
|---|---|---|
| id | String | 模块id,文件后缀.css可省略 | 
renders
可以直接在js中写html模版,不需要做字符串拼接处理
# 参数
| 参数名 | 参数类型 | 参数说明 | 
|---|---|---|
| tpl | String | html模版字符串 | 
# 说明
该方法需要配合打包工具使用,会自动转换为字符串拼接方式
访问外部变量时,格式必须为\'+ 变量名 +\'
extend
模块继承
# 参数
| 参数名 | 参数类型 | 参数说明 | 
|---|---|---|
| module | String | 被继承模块id | 
| Object | 被继承模块引用 | |
| members | 任意类型 | 对继承模块新增或修改成员 | 
| inserts | Boolean | 当module为数组时,是否将members插入到module末尾 | Array | 在继承模块方法末尾插入代码块,[{method:'方法名', 'content':'代码块'}, ...] | 
# 栗子
有2个页面a和b,b页面比a页面多一个按钮点击事件,其它功能都完全一样
each
遍历数组或者对象
# 参数
| 参数名 | 参数类型 | 参数说明 | 
|---|---|---|
| object | Array, Object | 被遍历的对象 | 
| callback | Function | 遍历回调函数,接收2个参数,第一个为value,第二个为key;若回调函数return false,则跳出循环 | 
trim
过滤字符串两端空格
# 参数
| 参数名 | 参数类型 | 参数说明 | 
|---|---|---|
| string | String | 被过滤的字符串 | 
trimLeft
过滤字符串左侧空格
# 参数
| 参数名 | 参数类型 | 参数说明 | 
|---|---|---|
| string | String | 被过滤的字符串 | 
trimRight
过滤字符串右侧空格
# 参数
| 参数名 | 参数类型 | 参数说明 | 
|---|---|---|
| string | String | 被过滤的字符串 | 
type
判断对象数据类型
# 参数
| 参数名 | 参数类型 | 参数说明 | 
|---|---|---|
| object | 任意类型 | 被判断的变量 | 
| type | String, Array | 小写类型字符串,当为数组时,匹配是否满足数组中任意一种类型 | 
unique
去重
extend
扩展
noop
空函数
browser
检测浏览器内核以及版本号
# 说明
jQuery1.9+移除了$.browser
bsie
检测是否是IE6/7
win
返回jQuery(window)引用
# 说明
为了减小$(window)被重新包装的开销
doc
返回jQuery(document)引用
# 说明
为了减小$(document)被重新包装的开销
            Nui.js