1.0.1 • Published 7 years ago
webapp-utils v1.0.1
webapp utils
使用方法
<link rel="stylesheet" href="dist/orient.min.css">
<script src="dist/utils.min.js"></script>
本地测试
- 安装依赖
npm install
- 启动服务
npm start
- 项目发布
npm run dist
方法调用
- AJAX封装
/**
* 若未使用jQuery等库,可使用此AJAX实例
* @param {String} url 请求地址
* @param {Object} data 请求参数
* @param {String} type 返回值类型
* @param {Function} callback 回调函数
* @param {Boolean} [async=true] 是否异步
*/
utils.ajax.get(url, data, type, callback, async);
utils.ajax.post(url, data, type, callback, async);
utils.ajax.jsonp(url, data, callback);
- 获取手机操作系统
/**
* @returns {String} ['Windows Phone' || 'Android' || 'iOS' || 'unknown']
*/
utils.getMobileOperatingSystem();
- 队列加载图片
/**
* @param {Array} res 图片URL数组
* @param {Number} [start=0] 起始值
* @param {Number} [total=res.length] 总数
* @param {Function} onLoadStart 加载开始回调函数
* @param {Function} onLoading 加载中回调函数
* @param {Function} onLoadEnd 加载结束回调函数
*/
utils.queue(res, start, total, onLoadStart, onLoading, onLoadEnd);
/**
* 加载回调函数
*/
onLoadStart(res, start, total);
onLoading(res, start, total);
onLoadEnd(res, start, total);
- 数字前补0
/**
* @param {Number} num 需要补齐的数字
* @param {Number} length 总位数
* @return {String}
*/
utils.prefixInteger(num, length);
- 验证是否是函数
/**
* @param {Object} functionToCheck [description]
* @return {Boolean}
*/
utils.isFunction(functionToCheck);
- 监测屏幕是否横屏
/**
* @param {Function} landscapeFunc 横屏回调函数
* @param {Function} portraitFunc 竖屏回调函数
*/
utils.detectOrient(landscapeFunc, portraitFunc)
- 获取url的参数值
/**
* @param {String} strParamName 参数名
* @param {String} url url地址
* @return 参数值
*/
utils.getURLParam(strParamName, url);