`
阅读更多

日期:2012-5-9  来源:GBin1.com

分享14个jQuery插件开发人员易犯的错误

随 着越来越多的开发人员开始开发jQuery插件,所以我们随时都有可能遇到很烂的插件开发“成果”。没有在线演示,没有文档,或者插件没有遵循最佳编码实 践。但是对于阅读这篇文章的朋友来说,你很幸运,因为这里我们将介绍14个jQuery插件开发中最容易犯的错误。希望大家会觉得有帮助!

随着jQuery的广泛使用,每天都出现很多新的插件 ,但是问题在于很多插件真不怎么样。

以前我们介绍过10个帮助你创建超棒jQuery插件的小技巧 ,在今天这篇文章中,我们将专注于jQuery插件的最佳开发实践,希望对于大家有帮助,如果你喜欢我们的文章,请给我们留言,谢谢!

错误一:不是在开发一个jQuery插件

总的来说,这里有很多大家接受的jQuery开发的模式。 如果你没有遵从这些设计模式,你开发的插件有可能很“垃圾“。看看如下最常用的模式:

(function($, window, undefined){
$.fn.myPlugin = function(opts) {
   var defaults = {
      // 设置你的选项缺省值
   }
 
  // 使用用户的选项缺省值来扩展缺省选项
  var options = $.extend(defaults, opts || {});
 
   return this.each(function(){ // jQuery链式操作
     // 插件的相关内容
   });
})(jQuery, window);

首 先呢,我们创建了一个自调用的匿名方法来将我们插件中的参数和外部全局参数隔离开。我们传递$,window,和undefined三个变量参数。这些变 量和自调用的方法将和jQuery和window一起调用。对于undefined来说没有传递任何值,因此如果我们决定在插件中使用undefined 关键字的话,其实”undefined“并没有被定义。

使用这种方法可以有效的保证外部脚本被隔离而无法给undefined变量赋值,例如,将无法赋值undefined为true。

$被作为jQuery来传递;我们使用这种方法来保证在匿名方法的外部,$仍旧可以参考为其它内容,例如,prototype。

传递变量给全局性访问的window对象能允许更多经过压缩最小化(minification)处理的代码(当然,压缩是应该做的)

下 一步,我们将使用jQuery插件的模式, $.fn.PluginName。这用来登记你的插件使得其能被应用到 $(selector).method()格式中。简单使用new来扩展jQuery的prototype。如果你想创建一个jQuery的方法的话,只 需要直接添加如下代码:

....

....

来源:分享14个jQuery插件开发人员易犯的错误

分享到:
评论

相关推荐

    jquery插件开发文档

    jQuery插件开发是一项重要的技能,可以让开发者通过创建可复用的代码片段来增强jQuery库的功能。根据提供的文档内容,以下是一些关于jQuery插件开发的关键知识点: 1. 基本插件结构 在编写jQuery插件时,首先要了解...

    跟我一起学JQuery插件开发

    首先,要学习jQuery插件开发,我们先要理解插件的概念。jQuery插件本质上是通过某种机制对jQuery核心模块进行扩展的方法或额外功能。在编写属于自己的插件时,我们不仅可以提高开发效率,还可以在不同的项目中重复...

    jquery分享插件,分享微信、qq空间、微博、人人网

    【jQuery分享插件详解】 jQuery分享插件是Web开发者常用的一种工具,用于在网站上集成社交媒体分享功能。这种插件通常允许用户轻松地将网页内容分享到如微信、QQ空间、微博、人人网等社交平台,提升网站的互动性和...

    jquery插件开发快速入门

    ### jQuery插件开发快速入门详解 #### 一、概述 jQuery 是一款轻量级的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。由于其简单易用的特点,jQuery 成为了最受欢迎的前端库之一...

    JQuery插件开发 + 插件

    **jQuery插件开发详解** jQuery库是Web开发中广泛使用的JavaScript框架,它简化了DOM操作、事件处理、动画效果和Ajax交互。开发jQuery插件可以让开发者扩展jQuery的功能,以满足特定项目需求。以下是对jQuery插件...

    老司机带你解读jQuery插件开发流程

    在学习jQuery插件开发之前,需要了解jQuery库本身的功能和组成。jQuery是一个快速、小巧且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等操作。在进行jQuery插件开发时,尤其需要关注...

    Dreamweaver 开发jQuery插件

    总的来说,Dreamweaver结合jQuery插件开发,为Web开发者提供了一个高效、直观的工作环境,使他们能够在熟悉的环境中创建功能丰富的交互式网页。通过不断学习和实践,你将能够充分利用这两个工具,提升自己的Web开发...

    eclipse上支持jquery插件

    在IT行业中,开发人员经常使用的集成开发环境(IDE)之一是Eclipse,它是一个功能强大的开源平台,适用于多种编程语言,包括Java、Python、C++等。然而,Eclipse最初并未内置对JavaScript库如jQuery的支持。为了在...

    表单验证jquery插件

    **jQuery Validation Engine 插件详解** 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,...在实际开发中,结合使用其他jQuery插件和前端框架,能更好地构建出高效、友好的Web应用。

    10个有用的jquery插件

    本文将介绍10个实用且具有创新性的jQuery插件,这些插件可以提升网站的功能性和用户体验。 1. **AJAX-ZOOM** AJAX-ZOOM 提供了高级的图像缩放和360度对象旋转功能,允许用户在不刷新页面的情况下查看产品细节。...

    jQuery的车牌插件

    5. **易于集成**:作为一款jQuery插件,它应该提供简单的API接口和配置选项,以便开发者轻松地将其集成到现有的项目中。 6. **响应式设计**:考虑到可能在不同尺寸的设备上使用,插件应该具备响应式布局,确保在...

    JQuery插件 IP地址输入框

    "JQuery插件 IP地址输入框"就是为了解决这个问题而设计的,它允许用户在输入框中便捷地输入IP地址,并能自动进行格式化和有效性检查。 该插件特别指出目前仅支持Firefox浏览器,这可能是因为其CSS样式在其他浏览器...

    精美jQuery插件及源码

    下面我们将详细探讨jQuery插件及其在Web开发中的应用。 首先,jQuery插件是基于jQuery库的功能扩展,它们是由开发者为解决特定问题或实现特殊效果而编写的代码模块。这些插件通常包括一些预定义的函数,可以轻松地...

    jquery插件弹出div

    "jquery插件弹出div"是一个基于jQuery的插件,用于创建弹出式对话框或者模态框,通常用于显示警告、确认消息或者进行表单提交等交互操作。在网页设计中,这种功能能够提升用户体验,因为它可以将用户注意力集中在...

    JQuery的7个经典插件

    虽然Bootstrap本身并不是一个jQuery插件,但其与jQuery的集成非常紧密,提供了一系列的UI组件,如模态框(Modal)、警告对话框(Alert)、下拉菜单(Dropdown)和导航条(Navbar)。这些组件可以快速构建响应式和...

    jQuery1.3 DW插件

    这个插件是针对DW CS3版本优化的,它集成了jQuery 1.3版本的功能,提供了一个方便的自动提示工具,帮助开发者在编写代码时能够快速获得jQuery方法和属性的建议,从而提高开发速度并减少出错的可能性。 jQuery是一个...

    jquery插件

    jQuery的插件开发通常遵循一定的结构,包括主要的JavaScript文件和可能的CSS样式文件。开发者会将插件封装成一个函数,然后通过$.fn.extend方法将其添加到jQuery对象上,使得所有jQuery选择器都能调用这个新功能。...

    dreamwever jQuery 插件

    总的来说,Dreamwever jQuery插件是Web开发者的得力助手,它使复杂的功能实现变得简单,降低了开发门槛,提高了代码质量和开发速度。通过深入学习和实践,开发者能够充分利用这个工具,创建出富有互动性和用户体验...

    jQuery实现社区化分享插件

    本篇文章将详细讲解如何利用jQuery实现一个社区化的分享插件,以及涉及到的相关技术点。 首先,社区化分享是指在网站上集成一种功能,让用户能够方便地将内容分享到各种社交媒体平台,如腾讯微博、新浪微博、QQ空间...

    jquery插件(form表单验证)

    jQuery插件是这个库的一大特色,开发者可以利用它们来扩展jQuery的功能,以满足特定的需求。本篇文章将深入探讨“jQuery插件:form表单验证”这一主题,包括其工作原理、如何调用以及实际应用。 表单验证是Web应用...

Global site tag (gtag.js) - Google Analytics