【js封装】js封装自己的公共方法，以后方便调用

从事前端开发快一年了，很多东西都是不系统的，尽管保存，但是调用还需要去找，浪费时间，所以我要封装一个文件，直接引入文件，调用省事省时间。

正文：

首先我想到有两种封装方法，一个是prototype，另一个是class(最后选择了class封装，因为群里的一个大哥解释：prototype是用在(构造)函数上的，函数的prototype就是在没es6的class时候对class的模拟)

前期我对Array追加方法犯了一个错误(如下图)：

Array已经有prototype了，第二种方法还要增加clean，此时prototype和clean同一个级别

通俗点：第一个框是Array的衣服(prototype)加个口袋(clean)，第二框相当于给Array换了件衣服(clean)

后续持续更新。。。。。

将公共方法加进去，也是自己的common，可以共享，增加前端编写速度

1.设置空值

应用场景：重置搜索条件，不想刷新页面的话，每个id，class都要一个一个写出来，太丑了

$("#id1").val("");
$("#id2").val("");
$("#id3").val("");
$("#id4").val("");
$("#id5").val("");
$("#id6").val("");

修改后

 var clearMap = { "#kywds": "", "#nokywds": "", "#bg": "", "#end": "", "#ay": "", "#fy": "", "#st": "全部内容", "#round": "all", "#type": "all", "#court_level": "", "#case_no": "", "#judge_name": "", "#party_name": "", "#law_info": "", "#lawyer_name": "", "#law_firm": "" };for (e in clearMap) {$(e).val(clearMap[e]);
}

$('.user-box').hover(function(e) {

$(".layoutBox").stop().slideToggle()

});

【js封装】js封装自己的公共方法，以后方便调用相关推荐

微信小程序-（js和wxml中）utils公共方法使用
通过开发者工具快速创建了一个 QuickStart 项目时,会生成一个utils/util.js文件. util.js const formatTime = date => {const yea ...
解决JS在controll层定义带循环的公共方法，组件中调用时取不到返回值的问题
问题描述:下拉列表中,点击一个子节点,获取父节点的Id. 如果将方法直接写在组件内调用,完全ok的. 如果将方法提取到外层,想公用的话,组件内调用会出现方法中已经拿到值,但是页面调用时取不到返回值: ...
J2EE项目开发中常用到的公共方法
在项目IDCM中涉及到多种工单,包括有:服务器|网络设备上下架工单.服务器|网络设备重启工单.服务器光纤网线更换工单.网络设备撤线布线工单.服务器|网络设备替换工单.服务器|网络设备RMA工单.通用原 ...
【转】第7篇：Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告：全自动注册与反射方法分析...
作者: 牛A与牛C之间时间: 2013-12-12 分类: 技术文章 | 2条评论 | 编辑文章主页 » 技术文章 » 第7篇:Xilium CefGlue 关于 CLR Object 与 JS ...
微信js扫一扫，扫条形码去掉code_128。在vue中封装全局对象的方法，封装微信js-sdk权限验证的方法
微信公众号在调用扫一扫功能时,一维码(条形码)在直接返回结果时会在结果前带上EAN_8, EAN_13, CODE_25, CODE_39, CODE_128, UPC_A, UPC_E wx.sca ...
JS组件系列——封装自己的JS组件，你也可以
前言:之前分享了那么多bootstrap组件的使用经验,这篇博主打算研究下JS组件的扩展和封装,我们来感受下JQuery为我们提供$.Extend的神奇,看看我们怎么自定义自己的组件,比如我们想扩展一 ...
ts引入公共方法_angular 封装公共方法
angular封装公共方法到service中间件,节省开发时间 layer.service.ts openAlert(callback) {// 传递回调函数 const dialogRef = th ...
php js写法,javaScript封装的各种写法
这篇文章主要介绍了javaScript封装的各种写法,通过列举优缺点和使用场景详细介绍了几种JavaScript封装的格式,对JavaScript的感兴趣朋友可以参考下本篇文章在javascript ...
JS类的封装及实现代码
js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 1. ...

【js封装】js封装自己的公共方法，以后方便调用

【js封装】js封装自己的公共方法，以后方便调用相关推荐

最新文章

热门文章