天天看点

教你新手怎么运用模块化开发

众所周知,模块化开发已经成为一种趋势,有利于优化代码,提高代码质量;

这里我贴一个简单的模块,以及调用的方法给大家:

<script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.slim.min.js"></script>
<script>
  ;
var module1 = (function ($,xin) {
  //...
    xin.m3 = function () {
      $('.text').html('m3的调用')
     //...
    };
    xin.m4 = function () {
      $('.text').html('m4的调用')
     //...
    };
    return xin;

})(jQuery,window.module1 || {});
</script>


<div class="text">ss</div>

<script>
module1.m4();//调用
</script>