写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跨域获得Json时invalid label错误的解决办法
这两天用 Jquery 跨域取数据的时候,经常碰到 invalid label 这个错误,十分的郁闷,老是取不到服务器端发送回来的 json 值,一般跨域用到的两个方法为:$.ajax 和 $.getJson2011-01-01
最新评论