如何用javascript写个插件

JavaScript012

如何用javascript写个插件,第1张

插件的目的是为了实现一系列功能。一般来讲是分为两种，一种是独立插件，一种是依赖插件。独立插件的话，只要把插件写在一个js文件里面，把js引进来就可以了。依赖插件的话，是本身需要依赖于其他的js，比如常见的jq插件，需要依赖jq，使用的时候要先把jq引进来，然后再把这个js引进来。

js插件的开发需要几个注意点：

独立变量，方法。防止和其他js产生冲突，一般采用闭包。

暴露设置，暴露方法调用。为了插件根据需要做一些设置上的改变。

防止重复定义，一般有一个初始化，建议采用匿名函数实现只能初始化一次

jquery layer插件,拓展模块layer.ext.js正确加载需要进行全局配置。

解决方法如下：

layer.config(options) - 初始化全局配置

这是一个可以重要也可以不重要的方法，重要的是，它的权利真的很大，尤其是在模块化加载layer时，你会发现你必须要用到它。它不仅可以配置一些诸如路径、加载的模块，甚至还可以决定整个弹层的默认参数。而说它不重要，是因为多数情况下，你会发现，你似乎不是那么十分需要它。但你真的需要认识一下这位伙计。

如果您是采用seajs或者requirejs加载layer，你需要执行该方法来完成初始化的配置。

如果你是采用<script src="?a.js&layer.js">这种合并的方式引入layer，那么您需要在script标签上加一个自定义属性merge="true"。

layer.ready(path, callback) - 初始化就绪

由于我们的layer内置了轻量级加载器，所以你根本不需要单独引入css等文件。但是加载总是需要过程的。当你在页面一打开就要执行弹层时，layer.ready()会是一个不错的帮手。它也可以做一些layer.config可以做的事，比如指向layer.js所在目录。但是如果你已经通过layer.config配置了path，你在使用layer.ready时，是不需要path的