常用函数

异步资源加载

• 用 await 等待资源加载完成
• $.lib(resources:Array) ：加载 lib 目录下资源
• $.resource(resources:Array) ：加载外部资源

全局事件总线

• $.on(eventName:String,callback:Function) 全局事件监听
• $.emit(eventName:String,...args) 触发事件
• $.once(eventName:String,callback:Function) 只监听一次事件
• $.off(eventName:String) 卸载事件

科学计算

• $.calc(num1, numb2, "+") 加法运算
• $.calc(num1, numb2, "-") 减法运算
• $.calc(num1, numb2, "*") 乘法运算
• $.calc(num1, numb2, "/") 除法运算

节流与抖动函数

• $.throttle(callback:Function,delay=400) 节流函数
• $.debounce(callback:Function,delay=400) 抖动函数

$.print(dom:Element, title:String)

• 扩展 configs 配置

$.wxApi(apiName:String|Array, options:Object, isDebug:Boolean)

• https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#49
• 基于微信订阅号授权的，微信 js Api 调用

await $.scan(scanType = ['qrCode'])

• 基于微信授权的二维码，条形码扫码函数

await $.camera(target?:string)

• 基于微信授权的手机拍照函数，照片自动上传到服务器，返回图片 URL 链接

$.color(rgb:string)

• 统一颜色处理函数，https://www.npmjs.com/package/colord

await $.sucker(imageURL?:string)

采集图片基础信息，包含图片尺寸，主颜色，次颜色，边缘背景色等信息

$.huedisc({color=zen.color, count = 6, alpha = 0.85, hueRange = 210})

邻近色盘生成器 color 基础色，count 生成个数，alpha 颜色透明度,hueRange 相邻角度

$.extend(configs:Object, entitys:Object)

• 数据 schema 扩展，自定义模型对象
• 举例： $.extend(configs, { 'number': { document: 3, type: 'autoid' } })
• 给 number 字段添加 document 属性和指定类型

$.getParams(url:String)

获取 url 中的 queryString

$.dayjs(date:Date)

返回高阶的 dayjs 对象

$.omit(target:Object,attrs:Array)

创建减化对象

$.uid()

创建随机 ID 字符串

$.confrim(message:String,callback:Func)

二次确定对话框

$.toCanvas(el:Element,options:Object)

• 基于 html2canvas 的图片生成函数
• 使用 await 调用，返回一个 canvas 对象
• 通过 canvas.toDataURL("image/png")转成图片
• 举例：const canvas = await $.toCanvas(this.$el)

$.open(url:String)

• 打开新链接

$.cookie(name:String,value:String)

• 获取或设置本地 cookie

$.token()

• 获取登录 token 信息

$.nick(userId)

• 获取指定用户的昵称

$.gotoLogin()

• 跳转到登录页面

zen.setup({ com: App, routes, dict,components,autoMounted=true })

• 创建应用实例，返回 vue instance 和 root dom 对象

zen.path(filePath)

• 获取环境中的资源路径，不加载资源