幸运的是,人们通常有各种不同的
插件可供选择,但即使你只使用一个插件,也要确保它是
值得的,永远不要在代码库中引入
错误代码。
你需要一个插件吗
要做的第一件事是找出如果你需要一个plug-in.if你不需要,你可以
保存该
文件的大小,节省您的时间。
1。写自己更好吗
如果
函数是非常简单的,自己写的jQuery插件往往会捆绑了多种
功能,这可能是多余的。在这种
情况下,任何简单的手写功能往往是更有意义的。当然,有一个衡量的
工作涉及的金额。
例如,如果你需要更先进的功能,jQuery UI的手风琴是一个不错的选择。但如果你只需要打开和
关闭面板。如果你还没有在你的
网站上使用jQuery UI,考虑jQuery的slidetoggle()或()。
2。你已经使用类似的插件了吗
很难
发现插件不能
解决您所需要的一切,寻找另一个插件来弥补它。但是在同一个
应用程序中,包括两个类似的插件,它必须是一个臃肿的Javascript。你能找到一个插件,包括你所有的需要吗如果没有,您是否可以将其中一个插件
扩展到您需要覆盖的部
分类似地,在决定是否扩展插件时,权衡是好处和开发时间。
例如,jQuery的灯箱是在画廊中
显示照片的好
方法。SimpleModal是显示
模式信息的
用户的一个重要途径。但为什么这两种方式使用你的网站你可以很容易地扩展覆盖这两个要求。更好的是,找到一个插件,涵盖一切,如彩盒。
三.需要Javascript呢
在某些情况下,Javascript是没有必要的。CSS伪选择器,如悬停和CSS3 transitios能力,可以覆盖多种动态效果,且
速度远远超出Javascript解决方案。此外,许多插件只提供方式;它是可能的标记和CSS感觉更好。
如果你需要显示动态内容和要求
条件的暗示,jQuery的
工具提示是必要的。但如果有一些地方需要提示,最好使用纯CSS(见例子)。静态的暗示,你可以使用CSS3会更多使用
动画效果,但不忘记的动画只会在一些
浏览器中是有效的。
当审查任何插件,一系列警告标志指示的plug-in.here质量差,我们来看看插件的所有方面,从Javascript、CSS标记了。我们甚至会考虑如何在插件发布plug-in.any警告会排除你的插件的问题,如果你是幸运的,选择多个插件,这些警告的规则可以帮助你减少你的选择。但即使是只有一个选择,如果你看到太多的警告或放弃。你可以提前降低你的头痛。
4。奇
选项或
参数语法
当使用jQuery时,开发工程师关心函数如何接受参数。如果插件开发人员使用特殊语法,有理由相信它们没有太多jQuery或Javascript编程经验。
一些插件接受一个jQuery对象作为参数,但不允许链使用的对象,例如,美元。myplugin($(')),而不是$()。MyPlugin(),这是一个伟大的警告。
代码:
$('。我的选择({ MyPlugin)。
OPT1:75,
OPT2:'asdf
});
$('。我的选择({ MyPlugin)。
OPT1:75,
OPT2:'asdf
});
myplugin({美元。
OPT1:75,
OPT2:'asdf
}(我的选择器);
myplugin({美元。
OPT1:75,
OPT2:'asdf
}(我的选择器);
5。几乎或几乎没有文件
没有文件,插件的使用是非常困难的,因为它是思考这个问题的答案的第一个地方。一个文件有多种格式,合适的文件是最好的,但好的代码注释可以是好的。如果你没有一个文件,或者只是一个简单的例如发表在博客中,你可能不得不考虑其他的选择。一个好的文件显示,该插件的作者关注的是你的用户,这也表明他们已经研究了其他插件,知道一个好的文件的价值。
6。可怜的
支持记录
缺乏支持,意味着它将很难帮助发现问题。更有趣的是,它表明该插件没有更新一段时间,一个软件的开放源代码的优势是,它吸引了众多的眼球,帮助你调试和改进。如果作者不谈论这些人,该插件将不会被更新。
您正在考虑的插件的最后更新是
什么时候最后一条
消息是什么时候并不是所有的插件需要有一个强有力的支持
系统,如jQuery plug-ins.watch了没有更新的插件。
有了一个历史技术支持记录,作者对bug或强烈的需求作出回应,这是一个绿色的标志。
7。无
压缩版
虽然这是一个小警告,如果插件生成器没有根据源代码提供压缩版本,他们可能不会太关注
性能。当然,您可以自己压缩,但这个警告不是浪费时间的问题:这表明插件可能包含更严重的性能问题。
另一方面,提供压缩,包装,和
下载的版本是一个
压缩包。
8。需要奇怪的标记
如果一个插件需要标记,这个标记应该是高质量的。它应该符合语义意义和足够灵活。除了非常坏的前端技术,奇怪的标记可以使集成更加困难。一个好的插件插入几乎任何涉及任何你使用的标记;最好用比跳火圈坏插件。
在某些情况下,严格的标记是必要的,因此应该允许在一定范围内使用。基本上,更具体的功能,更具体的标记需要。完全灵活的标记是从jQuery的任意自然下拉中获得的最简单的集成。
9。过度使用CSS
很多jQuery插件包括CSS和Javascript CSS的质量是一样的。太多的CSS是一个不好的迹象。但什么是过度依赖的plug-in.pay重视目的显示,如灯箱或UI插件,更多的CSS不是一个简单的动画驱动的一个很好的插件。CSS样式使程序更容易适应你的主题风格。
10。no one else uses it
jQuery拥有数量庞大的用户,和最体面的插件可能会让他们写的,即使它是一个50的jQuery {在}填补空白。例如,如果你做了一个简单的谷歌
搜索插件,你几乎没有搜索结果,你可能要考虑其他的选择,除非该插件是品牌新的,或者你会找到一个专业的插件工程师
修改它。
11。使用与观察
测试插件的最好方法是简单地在
服务器上
运行并查看结果。首先,它是否破坏了一些规则一定要在Javascript代码段一看。如果插件包括一个样式表,看看每一页的布局和风格。
另外,插件的效果如何如果运行缓慢或页面负载相当滞后,请考虑其他插件。
12。使用jsperf性能评估
提高你的插件显示一个新的水平和使用jsperf来测试它。标杆运行一组
操作几次,然后返回的平均
执行time.jsperf提供了一个简单的方法来测试如何快速插件运行。这是选两个几乎相同的插件的重要途径。
13。跨浏览器测试
如果一个插件有很多CSS,一定要在你所要支持的浏览器风格测试。记住,CSS可以来自外部样式表和内部Javascript。
即使插件没有任何CSS,也要
检查所有浏览器上的Javascript错误,至少在你支持的IE浏览器的最早版本中,jQuery的
核心处理了大多数跨浏览器的问题,但是插件
经常使用一些纯Javascript,这常常会破坏旧浏览器的规则。
14。单元测试
最后,跨浏览器测试:单元测试是进一步考虑。单元测试是一个简单的方法来测试
组件的插件,支持任何浏览器或平台。如果插件的下载包中已经包含了单元测试,可以打赌,这个插件可以工作在所有的跨浏览器和平台。不幸的是,很少有插件包括单元测试数据,但这并不意味着你不能使用Qunit插件来执行自己的单元测试。
用最小的
设置,测试是否插件的方法返回期望的结果。不要对这个插件,只要有一个测试失败而浪费你的时间。在大多数情况下,执行单元测试有点浪费时间,但是QUnit可以帮助您确定插件的质量。
结论
在评估jQuery插件的质量时,首先对代码的质量进行评估。CSS是否
调整和有效标记的命名是否具有语义和灵活性所有这些问题归结到一个最重要的问题:这个插件是否易于使用
jQuery的核心是
优化和错误的,它不仅支持核心团队成员,而且支持整个jQuery社区,虽然用同一标准度量jQuery插件是不公平的,但至少应该有一些相同的评审标准。