jQuery的封装

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery的封装相关的知识,希望对你有一定的参考价值。

封装,最简单的效果就是一个效果你可以重复的去调用   本来前端之路时间不是很长,但是对封装还是有一点点自己个人的理解,曾经踩过的坑也不在少数,最后总结出我个人风格的封装,听一位大神指点过,每个人都有属于自己思路的封装,每个人都有自己的思路,别的的思路可以借鉴,但是不能重用,因为那不是你自己的,要走出自己的路线来,最后不才,还是走出了自己的一点点的小路线。

现在上班有空闲的时候我经常会去网上看看别人的封装,感觉每个人的路大多数都不一样,接下去就说说我自己的路线吧!我还是个菜鸟,希望大神勿喷!

第一步:既然是jQuery的封装   以防万一 ,当然是先把jQuery传进去  ()(jQuery)  

第二步:如果没有传值,需要有自己的默认的值,免得报错或者是没有默认值  就是声明一个传的对象  var  default={参数}

第三步:声明一个你要执行的方法    function fun(){}

第四步:需要传入你外部声明对象的参数,方便里面的调用  function(obj){}

第五步:这个时候不能让对象暴露在外面,以免全局污染    所以需要用到jQuery的extend  把对象转化为自己的私有的对象:

第六步:用this.属性 把传入的obj全部变为自己的私有属性,那么在里面你需要用到的时候就很好调用了。

第七步:准备工作都做好了,接下去就是声明你需要写的方法和需要执行的事情了,这时候就可以用 fun.prototype  来构建自己该方法的私有的属于自己的方法。

第八步:最后就是用window.fun=fun 来引入外面的自己new出来的对象调用问题。

本人不才,希望有什么不对的或者走错了方法和路线可以让大神指点一下迷津。希望大家多多交流好提高自己的眼界。



             

以上是关于jQuery的封装的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装

Visual Studio 2012-2019的130多个jQuery代码片段。

回归 | js实用代码片段的封装与总结(持续更新中...)

jQuery应用 代码片段

很实用的JQuery代码片段(转)