前言:用过java开发的同学,在开发某个模块时,肯定会把公共代码提取出来,放到一个公共类中,这样以后就可以直接使用这个模块了。 无需在每个类中重复编写相同的代码。 而且这个方法肯定有问题,我们只需要修改这个方法就可以了,不需要去每个类都去改一遍。 那么前端也可以这样实现吗? 我这里使用2种方法。
第一种方法:方法
首先看css的内置方法
CSS函数
非常方便,我们不需要去html去写样式了。 比如我有一个test1函数,每次进入页面都会弹出。 我不想总是写alert(); 那么我们就可以用它来实现它。
我创建了一个 .js 来定义 test1 函数。
测试
直接使用 $.test1() 即可。 这里,我还列出了传递参数的函数test2()。
第二种:不使用,匿名函数的形式,我们自己定义
if(typeof tools =="undefined"){
var tools=new Object();
}
;(function($){
$.test_cus = function(arg){
alert(arg);
}
})(tools);
定制
这也很好,我们不需要 $ 来引用函数。 只需使用工具即可。
测试
直接工具。()。
总结:创建自定义函数,方便我们更好的代码管理。 但也必须注意,定义之后,必须引入相应的js。 就像我图中介绍的.js和.js一样。