customer-display-platform
文档编写: Mad Dragon 395548460@qq.com 2020年4月14日
tools 工具类
project-general-tools
是一款适用于 vue 项目的 通用工具类,包含 log、moment、cookie、Api、localStorage、sessionStorage ... ,以及 一些常用的函数。
Api 工具类 (Axios 封装)
Function
toolsApi; toolsApi; toolsApi; toolsApi; toolsApi; toolsApioptionsurlparams; toolsApi; toolsApi;
代码示例:
; const getStat = async { try const data = await toolsApi; toolslog catch e toolslog };
时间格式化工具 (MomentJs)
Function
// 初始时间
tools.formatInitTime(time = new Date(), norms = 'YYYY-MM-DD')
// 时间 加法
tools.formatAddTime(addNum = 1, addNorms = 'days', time = new Date(), norms = 'YYYY-MM-DD')
// 时间 减法
tools.formatSubtractTime(addNum = 1, addNorms = 'days', time = new Date(), norms = 'YYYY-MM-DD')
// 搜索专用 开始时间
tools.formatStartTime(time = new Date(), norms = 'YYYY-MM-DD')
// 搜索专用 结束时间
tools.formatEndTime(time = new Date(), norms = 'YYYY-MM-DD', addNum = 1, addNorms = 'days')
// 获得时间差
// 时间格式为 年-月-日 小时:分钟:秒 或者 年/月/日 小时:分钟:秒
// 其中,年月日为全格式,例如 : 2010-10-12 01:00:00
// 返回精度为:秒,分,小时,天
tools.getDateDiff: (startTime, endTime, diffType = 'dhm')
代码示例:
; console; console;
log 日志工具类 (console)
Function
toolslog toolslog toolslog toolslog toolslog // 将日志 存入 localStoragetoolslog
代码示例:
; // log testtoolslog; toolslog
cookie
Function
// 设置cookietoolscookie // 获取cookie值toolscookie // 删除cookietoolscookie
代码示例:
; toolslog
lStorage 缓存(localStorage)
Function
// 存储localStoragetoolslStorage // 获取localStoragetoolslStorage // 删除localStoragetoolslStorage // 从localStorage删除所有保存的数据toolslStorageclear // 获取所有的 缓存数据toolslStorage // 删除指定 key匹配的数据toolslStorage
代码示例:
; toolslog // 删除指定 key匹配的数据toolslStorage
sStorage 缓存(sessionStorage)
Function
// 存储sessionStoragetoolssStorage // 获取sessionStoragetoolssStorage // 删除sessionStoragetoolssStorage // 从sessionStorage删除所有保存的数据toolssStorageclear
代码示例:
; toolslog
fStorage 缓存(localForage)
改进的离线存储
Function
; // 创建并返回一个实例const fStorage = localforage; // getItem 从仓库中获取 key 对应的值并将结果提供给回调函数。如果 key 不存在,getItem() 将返回 null。fStorage; // setItem 将数据保存到离线仓库。你可以存储如下类型的 JavaScript 对象:/* Array ArrayBuffer Blob Float32Array Float64Array Int8Array Int16Array Int32Array Number Object Uint8Array Uint8ClampedArray Uint16Array Uint32Array String*/fStorage; // removeItem 从离线仓库中删除 key 对应的值。fStorage; // clear 从数据库中删除所有的 key,重置数据库。fStorageclear; // length 获取离线仓库中的 key 的数量(即数据仓库的“长度”)。fStoragelength; // key 根据 key 的索引获取其名fStorage; // keys 获取数据仓库中所有的 key。fStorage; // iterate 迭代数据仓库中的所有 value/key 键值对。// 同样的代码,但使用 ES6 PromisesfStorage;// 提前退出迭代:fStorage; // config storeName:数据仓库的名称 version:数据库的版本 description:数据库的描述fStorage;
代码示例:
; toolslog
常用函数
getUUID
tools
getResult 数组里取指定 key 的value 值
tools
formatPhoneNumber 格式化手机号 隐藏中间数据
tools
numberToPercentage 数字转换成 百分比
tools
on 绑定事件 on(element, event, handler)
tools
off 解绑事件 off(element, event, handler)
tools
CDN 图片cdn
须在.env
文件配置 VUE_APP_CDN
tools
url url处理
toolsurl toolsurl toolsurl toolsurl toolsurl toolsurl toolsurl
object object处理
toolsobject toolsobject toolsobject toolsobject toolsobject toolsobjectlengthobj toolsobject toolsobject toolsobject
string string处理
toolsstring toolsstring toolsstring toolsstring toolsstring toolsstring
list list处理
toolslist toolslist toolslist toolslist toolslist
map map处理
toolsmap toolsmap toolsmap toolsmap toolsmap toolsmap toolsmap toolsmap