一,工具类封装
通过对常用功能的封装,达到代码的复用。下面主要介绍如何封装一些基本的工具方法。
#js封装 (function($) { /** 参数验证判断工具 类*/ $.paramUtil = { // 判断对象是否为null或undefined isNull : function(value) { if (undefined == value || null == value) { return true; } return false; }, // 判断字符串是否为null,undefined,""," " isEmpty : function(value) { if ($.paramUtil.isNull(value) || $.trim(value) == "") { return true; } return false; }, // 判断邮箱格式是否合法 isEmail : function(value) { if ($.paramUtil.isEmpty(value)) { return false; } var reg = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/; return reg.test(text); }, // 判断手机号是否合法 isPhone : function(value) { if ($.paramUtil.isEmpty(value)) { return false; } // 共11位 var reg = /^1[34578]\d{9}$/; return reg.test(text); }, // 判断是否包含中文 isChinese : function(value) { if ($.paramUtil.isEmpty(value)) { return false; } var reg = /[^\u0000-\u00FF]/; return reg.test(text); } } /** 本地数据存储工具类 */ $.localStorage = { // 获取本地存储 getItem : function(key) { return window.localStorage.getItem(key); }, // 设置本地存储键值对 setItem : function(key, value) { window.localStorage.setItem(key, value); }, // 获取json对象 getJsonObj : function(key) { var valueJson = $.localStorage.getItem(key); if ($.paramUtil.isNull(valueJson) || $.trim(valueJson) == "") { return null; } return $.parseJSON(valueJson); }, // 存储json对象 setJsonObj : function(key, value) { if ($.paramUtil.isNull(key) || $.paramUtil.isNull(value)) { return; } var valueJson = JSON.stringify(value); $.localStorage.setItem(key, valueJson); }, // 获取json对象中的值 getJsonObjItem : function(key1, key2) { var jsonObj = $.localStorage.getJsonObj(key1); if ($.paramUtil.isNull(jsonObj)) { return null; } return jsonObj[key2]; }, // 存储json对象中的值 setJsonObjItem : function(key1, key2, value) { if ($.paramUtil.isNull(key1) || $.paramUtil.isNull(key2) || $.paramUtil.isNull(value)) { return; } var jsonObj = $.localStorage.getJsonObj(key1); if ($.paramUtil.isNull(jsonObj)) { jsonObj = {}; } jsonObj[key2] = value; $.localStorage.setJsonObj(key1, jsonObj); } } })(jQuery);
二,工具类使用
#需要先引入jquery.js文件
$.localStorage.setJsonObjItem('ssj.money.config','name','张三');