写jQuery插件时的注意点

 更新时间:2017年02月20日 16:40:40   作者:海角在眼前  
本文主要介绍了写jQuery插件时该注意的知识点,具有很好的参考价值,下面跟着小编一起来看下吧

写好jQuery插件,有一些注意的地方(持续添加)。

支持UMD

现在前端开发讲究模块化,所以jQuery插件也最好能够兼顾模块化。

模块化模式大概有几种: AMD、CommonJs、UMD。

AMD(Asynchronous Module Definition)

异步模块定义,可以异步的加载或依赖其他模块,支持的库如 Require.js, Sea.js 。

 例子:

// xxx-plugin.js
define(['jquery'], function ($) {
 function myFunc(){};
 return myFunc;
});

CommonJs

可以将Javascript按照 Node 模块的方式定义。

例子:

var $ = require('jquery');
function myFunc(){};
module.exports = myFunc;

UMD(Universal Module Definition)

为了兼容 AMD 和 CommonJs风格,出现了UMD。

代码:

(function (root, factory) {
 if (typeof define === 'function' && define.amd) {
 // AMD
 define(['jquery'], factory);
 } else if (typeof exports === 'object') {
 // Node, CommonJS-like
 module.exports = factory(require('jquery'));
 } else {
 // Browser globals (root is window)
 root.returnExports = factory(root.jQuery);
 }
}(this, function ($) {
 function myFunc(){};
 return myFunc;
}));

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

相关文章

  • 基于jQuery的倒计时插件代码

    基于jQuery的倒计时插件代码

    jQuery倒计时插件,主要用来限时购买,需要的朋友可以参考下。
    2011-05-05
  • jquery插件hiAlert实现网页对话框美化

    jquery插件hiAlert实现网页对话框美化

    hiAlert是一款基于jQuery的信息提示插件,它支持操作成功、操作失败和操作提醒三种信息提示方式。hiAlert浏览器兼容性非常好,支持更改提示内容,支持定位提示框的位置,可配置插件参数。
    2015-05-05
  • jQuery表单验证简单示例

    jQuery表单验证简单示例

    这篇文章主要介绍了jQuery表单验证的方法,结合简单实例形式分析了jQuery针对表单必填项进行验证的方法,需要的朋友可以参考下
    2016-10-10
  • 再说AutoComplete自动补全之实现原理

    再说AutoComplete自动补全之实现原理

    再说AutoComplete自动补全之实现原理,这里以asp.net后台为主,考虑到性能最好是生成xml并入缓存。
    2011-11-11
  • jQuery Ajax请求状态管理器打包

    jQuery Ajax请求状态管理器打包

    现在的网站,在一个网页中有异步请求甚至许多个异步请求已经不足为奇。Ajax已经成为了现在网站必须的基本功能,使网页应用更接近于桌面应用
    2012-05-05
  • jQuery实现手机号正则验证输入及自动填充空格功能

    jQuery实现手机号正则验证输入及自动填充空格功能

    这篇文章主要介绍了jQuery实现手机号正则验证输入及自动填充空格功能,涉及jQuery事件响应、字符串遍历及正则判断等相关操作技巧,需要的朋友可以参考下
    2018-01-01
  • jquery 模式对话框终极版实现代码

    jquery 模式对话框终极版实现代码

    今天终于有时间把我以前写的一个jQuery插件进行整理,改进。这是一个模拟“模式对话框”的插件,该模式对话框共有三种皮肤,红、绿、蓝。
    2009-09-09
  • jQuery实现的tab标签切换效果示例

    jQuery实现的tab标签切换效果示例

    这篇文章主要介绍了jQuery实现的tab标签切换效果,结合实例形式分析了jQuery响应鼠标事件动态变换页面元素属性的相关操作技巧,需要的朋友可以参考下
    2016-09-09
  • ztree实现权限横向显示功能

    ztree实现权限横向显示功能

    最近在做权限功能的时候,采用的ztree实现的,但是产品要求最后一层的权限节点要横向显示。下面小编把基于ztree实现权限横向显示功能的实现思路分享给大家,供大家参考
    2017-05-05
  • Jquery跨域获得Json时invalid label错误的解决办法

    Jquery跨域获得Json时invalid label错误的解决办法

    这两天用 Jquery 跨域取数据的时候,经常碰到 invalid label 这个错误,十分的郁闷,老是取不到服务器端发送回来的 json 值,一般跨域用到的两个方法为:$.ajax 和 $.getJson
    2011-01-01

最新评论