怎样用原生JS封装自己需要的插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样用原生JS封装自己需要的插件相关的知识,希望对你有一定的参考价值。

参考技术A

函数封装,添加合适的参数

如function  aa(cla)
$('.'+cla).html('你好');

调用的时候aa("zz");zz是class类名

参考技术B 这个看你js学得怎么样了,只要你会写就可以放一个js文件然后引用到页面,但这称不上插件。
插件要考虑的东西很多,需要js的运用能力也比较多~,类、构造函数什么要熟练运用才行,看你的提问,你还是先认真学学再考虑插件吧~
现在的情况,就先能写什么写什么,只要出了效果就可以,慢慢写着,考虑的多了,插件自然就会了~

原生JS正则实现trim()

Jquery中封装有trim()

原生需要自己实现,我们可以用原型的方式自己封装trim()方法,实现去掉前后空格、前空格、后空格...所以不必抱怨,简单又灵活,这才是强大的JS的特色

   String.prototype.trim=function(){
      return this.replace(/(^\s*)|(\s*$)/g, "");
   }

   String.prototype.ltrim=function(){
      return this.replace(/(^\s*)/g,"");
   }

   String.prototype.rtrim=function(){
      return this.replace(/(\s*$)/g,"");
   }

 

以上是关于怎样用原生JS封装自己需要的插件的主要内容,如果未能解决你的问题,请参考以下文章

原生JS封装AJAX

原生js怎么封装插件

用jQuery基于原生js封装的轮播

fastadmin开发总结2---如何快速上手一个JS插件,如何自己写一个插件

原生JS封装运动框架

原生JS正则实现trim()