一,工具类封装
通过对常用功能的封装,达到代码的复用。下面主要介绍如何封装一些基本的工具方法。
#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','张三');
相关推荐
通过学习和运用这些经典的JavaScript封装技术,开发者不仅能提升代码质量,还能跟上技术发展趋势,确保项目在未来的可扩展性和兼容性。同时,理解并熟练掌握封装原则,也是成为一名优秀JavaScript开发者的重要一步。
uniapp sqlite js封装的api
"国内外 JavaScript 经典封装" 涵盖了JavaScript编程中的各种高效、实用的代码封装技巧和库,这些技巧和库大大提高了开发效率,简化了复杂任务的处理。下面,我们将深入探讨这些经典封装所涉及的知识点。 1. **面向...
总结来说,"JS的DLL封装及调用"是一个高级的开发技巧,它结合了JavaScript的灵活性和.NET Framework的强大功能,旨在提高代码的安全性、重用性和性能。在实际应用中,应根据项目需求和团队技术栈来决定是否采用这种...
"js 手动封装的各种效果"这个主题涵盖了如何使用纯JavaScript编写各种功能模块,这些模块可以被重复利用,而不需要依赖额外的库或框架。让我们深入探讨一下其中可能包含的知识点: 1. **函数封装**:在JavaScript中...
"常用js方法封装"的主题聚焦于将常见的JavaScript功能整理成可重用的模块,以提高代码的复用性和维护性。"do.1.21.js"文件很可能就是这种封装的实现,使用了JSDuck工具来生成相关的文档,帮助开发者理解和使用这些...
JavaScript,作为全球最广泛使用的编程语言之一,是构建动态网页和交互式应用的关键技术。"JavaScript经典封装代码"集合了开发者们在实践中总结出的一些高效、实用的代码片段,旨在提高开发效率,优化代码结构,增强...
在JavaScript编程中,封装是一种重要的面向对象编程原则,它允许我们隐藏实现细节,提供更简洁、安全的接口供外部代码使用。"封装JavaScript常用类库.rar"是一个压缩包,其中包含了一个或多个文本文件,很可能是为了...
在JavaScript编程中,消息提示是用户交互的重要组成部分,它能够为用户提供实时反馈,告知操作结果或系统状态。本文将深入探讨“javascript ...理解和掌握这种封装方式对于任何JavaScript开发者都是必要的技能之一。
自己写的一个js分页控件.已经封装,可以直接使用. 适合各种用途的分页控制. 如果界面不够美观,只需要修改css即可.
在这个压缩包中,包含了10个相关的RAR子文件,可能是关于JavaScript封装技术的不同示例或者教程。 1. **对象封装**:在JavaScript中,对象可以用来封装数据和功能。通过创建具有属性和方法的对象,我们可以更好地...
焦点图封装(js封装类,javascript,焦点图,图片切换)
本压缩包“JavaScript学习笔记_js常用函数封装_js包.zip”包含了对JavaScript基础及进阶技巧的学习资料,特别关注了函数封装和模块化开发实践。 首先,`tool.js`可能是一个实用工具函数集合,封装了一些常见的...
**js-xlsx二次封装工具详解** 在Web应用中,数据导入导出是常见的需求,特别是Excel格式的数据交换,因其灵活性和广泛支持而受到青睐。SheetJS的js-xlsx库是JavaScript处理Excel文件的一个强大工具,它允许我们读取...
js Map对象封装 和 java 的使用方法一样.
在本案例中,"可封装为JS类"意味着开发者创建了一个可复用的JavaScript对象,该对象可以方便地管理和控制这些弹出窗口。 首先,让我们了解`div`元素。在HTML中,`<div>`是“division”(分隔)的缩写,是一个通用的...
- 封装是面向对象编程的基本原则之一,它将数据和操作数据的方法捆绑在一起,保护内部数据不被外部直接访问,只通过特定接口与外界交互。这可以避免数据被错误地修改,提高代码的安全性。 - 使用封装可以提高代码...
在本项目中,"JS封装动态树"指的是利用JavaScript来创建一个可以动态展示多级树状结构的功能。这样的功能在很多场景下都非常实用,例如组织结构展示、文件目录浏览、导航菜单等。 在实现3级树功能时,我们需要考虑...
3. **DOM操作**:JavaScript 常用于与HTML文档交互,`Common.js`可能封装了一些DOM操作,如选择元素(`getElementById`, `getElementsByClassName`等)、添加或删除类(`addClass`, `removeClass`)以及事件处理(`...
javascript中如何实现封装,继承和多态