数码资讯
10个建议有助于创建更好的jQuery插件
本文总结了10点建议，帮助你创造一个更好的jQuery plug-in.share你供你参考。具体如下： 在开发大量的jQuery插件，我慢慢摸索出一套开发的jQuery plug-ins.so我可以得到大部分的复制粘贴代码结构的标准结构和模式，只要你关注的最重要的逻辑代码，使用相同的设计模式和架构
选购提示
关注价格、性能、续航、售后和真实使用场景，理性比较后再下单。
本文总结了10点建议，帮助你创造一个更好的jQuery plug-in.share你供你参考。具体如下：
在开发大量的jQuery插件，我慢慢摸索出一套开发的jQuery plug-ins.so我可以得到大部分的复制粘贴代码结构的标准结构和模式，只要你关注的最重要的逻辑代码，使用相同的设计模式和架构也使得它更容易修复Bug或发展一个成熟的框架，确保我的插件没有大问题，无论是简单或复杂的插件，我在这里分享10课我总结了。
1。把你所有的代码放在壁橱里
这是我使用过的最常用的方法，但是有时候关闭闭包的方法不能被调用。
但是你的插件的代码只对你自己的插件，所以没有问题，你可以把所有的代码放在壁橱里。
该方法可能在原型方法中。
（函数（$）{）
这里的代码
}（jQuery）；
2。提供插件的默认选项
你的插件应该有一些开发者可以设置的选项，所以有必要提供一个恢复默认选项：
VAR设置= {模式：'pencil，
LineWidthMin：'0'，
linewidthmax：10'，
LineWidth：2}；
设置=美元。扩展（默认设置，设置| | { } { }）；
三.使用返回元素
Javaｓｃｒｉｐｔ有一个很好的特性，我们可以级联方法，所以我们不应该破坏这个特性，并且总是返回方法中的一个元素。
美元。fn.wpaint =功能（设置）{
返回this.each（函数（）{（）
var elem = $（this）；
在这里运行一些代码
}
}
4。一次代码放置在主循环之外。
这是非常重要的，但往往被忽视。简单地说，如果你有一段代码是一串的默认值，它只需要实例化一次，而不是每次你打电话给你实例化插件功能。您应该将代码放在插件方法之外，这样可以使插件更高效地运行并节省内存。
VAR设置= { {
模式：'pencil，
LineWidthMin：'0'，
linewidthmax：10'，
LineWidth：2}；
设置=美元。扩展（默认设置，设置| | { } { }）；
美元。fn.wpaint =功能（设置）{
返回this.each（函数（）{（）
var elem = $（this）；
在这里运行一些代码
}
}
你可以看到在上面的代码中的默认设置是完全外部插件的方法。因为这些代码在闭包中，所以我们不用担心这些变量被改写了。
5。为什么要建立类原型
作为代码的血和肉，方法和函数应该放在原型函数中：
它可以节省大量内存，因为这些方法不能创建重复。
我们指的是现成的方法，而不是创造很多好的快速方法。
总之，原型是一个对象，提供了一种方法，它无需实例化这些方法在每个对象的扩展。这也让你的代码更有序和高效的。一旦你习惯了这种方式的发展，你会发现，它可以为你节省很多的时间在你的未来计划。
6。如何建立类原型
设置一个原型方法有两部分：第一，我们需要创建我们原来的类定义，在大多数情况下，这意味着要创建一个对象。这个定义包含每个对象实例的不同部分：
函数画布（设置）{
this.settings =设置；
this.draw = false；
this.canvas = null；
this.ctx = null；
返回此；
}
下面的方法被添加到全局方法中：
canvas.prototype = { {
生成：函数（）{
生成代码
}
}
这里的关键是使原型方法通用，但是数据是针对每个实例本身的，可以用这个引用。
7。使用此对象
通过使用$，我们可以将正确的引用传递给其他闭包。我们还可能需要将这个引用传递给其他方法。
canvas.prototype = { {
生成：函数（）{
一些代码
var =；
VaR布敦=一些代码 / /…
Button.click（function（）{（）
使用它不会被发现，因为它有它自己
使用这个代替。
this.somefunc美元（美元）；
}）；
}，
SomeFunc：功能（美元）{
不知道这个是什么。
使用$，而不是从单击事件传递
}
}
8。保存每个对象中的设置
我已经在每个对象中保存了我自己的设置，然后操作它自己的设置。这样，你不必以不同的方式传递很多参数。把这些变量放在对象中也便于你在其他地方调用这些变量。
函数画布（设置）{
this.settings =设置；
返回此；
}
9。分离原型方法逻辑
这可能是一个基本原则。当你犹豫是否提供一种方法时，你可以问自己是否有人想重写这个方法，你的代码能满足他的需要吗或者其他人写这种方法有多困难当然，这是一个处理这个问题的灵活性：
产生（）
appendcolors（）
中的ColorSelect（）
ColorHoverOn（）
ColorHoverOff（）
appendtoelement（）
showpalette（）
HidePalette（）
10。提供设置器/吸气选项
这不是必须的，但是我发现我所有的包都是这个插件，因为它只需要一点点代码，它就可以给某人提供一个他需要的功能。
基本上，我们只允许开发人员设置或获取元素已经存在的值：
var = $（线宽#容器）。WPaint（线宽）；
$（#容器）WPaint（线宽。
总结：以上十项基本上都是jQuery插件开发的核心，可以作为开发模板，有一套基本的代码可以大大缩短开发时间，并且可以在设计插件体系结构时使您更加自信。
希望本文能对大家的jQuery程序设计有所帮助。
在开发大量的jQuery插件，我慢慢摸索出一套开发的jQuery plug-ins.so我可以得到大部分的复制粘贴代码结构的标准结构和模式，只要你关注的最重要的逻辑代码，使用相同的设计模式和架构也使得它更容易修复Bug或发展一个成熟的框架，确保我的插件没有大问题，无论是简单或复杂的插件，我在这里分享10课我总结了。
1。把你所有的代码放在壁橱里
这是我使用过的最常用的方法，但是有时候关闭闭包的方法不能被调用。
但是你的插件的代码只对你自己的插件，所以没有问题，你可以把所有的代码放在壁橱里。
该方法可能在原型方法中。
（函数（$）{）
这里的代码
}（jQuery）；
2。提供插件的默认选项
你的插件应该有一些开发者可以设置的选项，所以有必要提供一个恢复默认选项：
VAR设置= {模式：'pencil，
LineWidthMin：'0'，
linewidthmax：10'，
LineWidth：2}；
设置=美元。扩展（默认设置，设置| | { } { }）；
三.使用返回元素
Javaｓｃｒｉｐｔ有一个很好的特性，我们可以级联方法，所以我们不应该破坏这个特性，并且总是返回方法中的一个元素。
美元。fn.wpaint =功能（设置）{
返回this.each（函数（）{（）
var elem = $（this）；
在这里运行一些代码
}
}
4。一次代码放置在主循环之外。
这是非常重要的，但往往被忽视。简单地说，如果你有一段代码是一串的默认值，它只需要实例化一次，而不是每次你打电话给你实例化插件功能。您应该将代码放在插件方法之外，这样可以使插件更高效地运行并节省内存。
VAR设置= { {
模式：'pencil，
LineWidthMin：'0'，
linewidthmax：10'，
LineWidth：2}；
设置=美元。扩展（默认设置，设置| | { } { }）；
美元。fn.wpaint =功能（设置）{
返回this.each（函数（）{（）
var elem = $（this）；
在这里运行一些代码
}
}
你可以看到在上面的代码中的默认设置是完全外部插件的方法。因为这些代码在闭包中，所以我们不用担心这些变量被改写了。
5。为什么要建立类原型
作为代码的血和肉，方法和函数应该放在原型函数中：
它可以节省大量内存，因为这些方法不能创建重复。
我们指的是现成的方法，而不是创造很多好的快速方法。
总之，原型是一个对象，提供了一种方法，它无需实例化这些方法在每个对象的扩展。这也让你的代码更有序和高效的。一旦你习惯了这种方式的发展，你会发现，它可以为你节省很多的时间在你的未来计划。
6。如何建立类原型
设置一个原型方法有两部分：第一，我们需要创建我们原来的类定义，在大多数情况下，这意味着要创建一个对象。这个定义包含每个对象实例的不同部分：
函数画布（设置）{
this.settings =设置；
this.draw = false；
this.canvas = null；
this.ctx = null；
返回此；
}
下面的方法被添加到全局方法中：
canvas.prototype = { {
生成：函数（）{
生成代码
}
}
这里的关键是使原型方法通用，但是数据是针对每个实例本身的，可以用这个引用。
7。使用此对象
通过使用$，我们可以将正确的引用传递给其他闭包。我们还可能需要将这个引用传递给其他方法。
canvas.prototype = { {
生成：函数（）{
一些代码
var =；
VaR布敦=一些代码 / /…
Button.click（function（）{（）
使用它不会被发现，因为它有它自己
使用这个代替。
this.somefunc美元（美元）；
}）；
}，
SomeFunc：功能（美元）{
不知道这个是什么。
使用$，而不是从单击事件传递
}
}
8。保存每个对象中的设置
我已经在每个对象中保存了我自己的设置，然后操作它自己的设置。这样，你不必以不同的方式传递很多参数。把这些变量放在对象中也便于你在其他地方调用这些变量。
函数画布（设置）{
this.settings =设置；
返回此；
}
9。分离原型方法逻辑
这可能是一个基本原则。当你犹豫是否提供一种方法时，你可以问自己是否有人想重写这个方法，你的代码能满足他的需要吗或者其他人写这种方法有多困难当然，这是一个处理这个问题的灵活性：
产生（）
appendcolors（）
中的ColorSelect（）
ColorHoverOn（）
ColorHoverOff（）
appendtoelement（）
showpalette（）
HidePalette（）
10。提供设置器/吸气选项
这不是必须的，但是我发现我所有的包都是这个插件，因为它只需要一点点代码，它就可以给某人提供一个他需要的功能。
基本上，我们只允许开发人员设置或获取元素已经存在的值：
var = $（线宽#容器）。WPaint（线宽）；
$（#容器）WPaint（线宽。
总结：以上十项基本上都是jQuery插件开发的核心，可以作为开发模板，有一套基本的代码可以大大缩短开发时间，并且可以在设计插件体系结构时使您更加自信。
希望本文能对大家的jQuery程序设计有所帮助。
声明：本文内容用于数码产品信息整理与选购参考，具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。