怎么实现jQuery的插件amd化

JavaScript015

怎么实现jQuery的插件amd化,第1张

Require.js中使用jQuery 插件

虽然jQuery的支持AMD的API, 这并不意味着jQuery插件也是和AMD兼容的。

一般的jQuery 插件格式:

复制代码代码如下:

(function ($) {

$.fn.myPlugin = function () {

//你自己的插件代码

}

})(jQuery)

不过稍微修改一下就可以使用Require.js加载一个jQuery插件:

复制代码代码如下:

(function (factory) {

if (typeof define === "function" &&define.amd) {

// AMD模式

define([ "jquery" ], factory)

} else {

// 全局模式

factory(jQuery)

}

}(function ($) {

$.fn.jqueryPlugin = function () {

//插件代码

}

}))

AMD即由AMD公司生产的处理器。AMD(超微半导体)成立于1969年,总部位于加利福尼亚州桑尼维尔,AMD是唯一能与英特尔抗衡的CPU厂商,旗下的独立显卡部门也和NVIDIA平分天下。2AMD公司专门为计算机、通信和消费电子行业设计和制造各种创新的微处理器、闪存和低功率处理器解决方案。3AMD在全球各地设有业务机构,在美国、中国、德国、日本、马来西亚、新加坡和泰国设有制造工厂,并在全球各大主要城市设有销售办事处,拥有超过1.6万名员工。

AMD yes 就是AMD玩家常挂在嘴边的信仰,更多可能是调侃,因为AMD技术、市场等实力整体落后于Intel,所以但凡有超过Intel的对比测试,或者有超前的表现,不管喜不喜欢AMD的,都会说一句AMD YES.

JS,既僵尸,是对手机、电脑实体店的员工的调侃的称呼。实体店=尸体店,加上经常坑小白,所以称其员工为js.

板u套,既主板+CPU套装,通常网上两者一起卖,所以有简称板u套。

大力出奇迹 愿意是指在装机过程中某部位可能正常安装怎么也装不上,这时花很大力气装就能装上,而且不会造成任何损坏。这句话用来调侃那些怎么教都不会,不懂得举一反三,老来问大神的,就扔给他一句:大力出奇迹。

爱撕机膜人,顾名思义,就是拆零件包装时通常有保护膜,撕下保护膜时很享受,所以有这么个词,常见于手机开箱测评。

帧数(FPS) 简单讲就是主机整体每秒输出到屏幕的图片数。FPS越高,游戏画面越流畅,一般要求60左右FPS就够了,当然还有更高要求,这里不赘述,游戏电脑最终追求都是画质和这个。

红星炸弹起源于红星品牌的电源,当年某一批电源鼓故障率比较高,甚至有电容炸了冒烟的,所以获得此称号。不过这个品牌已经不在了。所以有不懂的用劣质电源、工包电源时就说红星闪闪亮。

整机烈士墙 针对网上卖的整机电脑,包括但不限于某宝、某鱼。因为消费者图便宜,商家用的都是低档的、缩水的配件,比如电源、主板等,整机就容易出问题,配合上面的红星闪闪亮,称整机烈士墙。

还有战术核显卡 图吧垃圾佬 GT610 1T显存疯牛病版等等。

希望采纳~

步骤一:引入JS文件

在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js

备注:支持使用 AMD/CMD 标准模块加载方法加载

步骤二:通过config接口注入权限验证配置

所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用)。

wx.config({

debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。

appId: '', // 必填,公众号的唯一标识

timestamp: , // 必填,生成签名的时间戳

nonceStr: '', // 必填,生成签名的随机串

signature: '',// 必填,签名,见附录1

jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2

})

步骤三:通过ready接口处理成功验证

wx.ready(function(){

// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。

})

步骤四:通过error接口处理失败验证

wx.error(function(res){

// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。

})

接口调用说明

所有接口通过wx对象(也可使用jWeixin对象)来调用,参数是一个对象,除了每个接口本身需要传的参数之外,还有以下通用参数:

success:接口调用成功时执行的回调函数。

fail:接口调用失败时执行的回调函数。

complete:接口调用完成时执行的回调函数,无论成功或失败都会执行。

cancel:用户点击取消时的回调函数,仅部分有用户取消操作的api才会用到。

trigger: 监听Menu中的按钮点击时触发的方法,该方法仅支持Menu中的相关接口。

以上几个函数都带有一个参数,类型为对象,其中除了每个接口本身返回的数据之外,还有一个通用属性errMsg,其值格式如下:

调用成功时:"xxx:ok" ,其中xxx为调用的接口名

用户取消时:"xxx:cancel",其中xxx为调用的接口名

调用失败时:其值为具体错误信息

基础接口

判断当前客户端版本是否支持指定JS接口

wx.checkJsApi({

jsApiList: ['chooseImage'] // 需要检测的JS接口列表,所有JS接口列表见附录2,

success: function(res) {

// 以键值对的形式返回,可用的api值true,不可用为false

// 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}

})

备注:checkJsApi接口是客户端6.0.2新引入的一个预留接口,第一期开放的接口均可不使用checkJsApi来检测。

分享接口

请注意不要有诱导分享等违规行为,对于诱导分享行为将永久回收公众号接口权限,详细规则请查看:朋友圈管理常见问题 。

获取“分享到朋友圈”按钮点击状态及自定义分享内容接口

wx.onMenuShareTimeline({

title: '', // 分享标题

link: '', // 分享链接

imgUrl: '', // 分享图标

success: function () {

// 用户确认分享后执行的回调函数

},

cancel: function () {

// 用户取消分享后执行的回调函数

}

})

获取“分享给朋友”按钮点击状态及自定义分享内容接口

wx.onMenuShareAppMessage({

title: '', // 分享标题

desc: '', // 分享描述

link: '', // 分享链接

imgUrl: '', // 分享图标

type: '', // 分享类型,music、video或link,不填默认为link

dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空

success: function () {

// 用户确认分享后执行的回调函数

},

cancel: function () {

// 用户取消分享后执行的回调函数

}

})

获取“分享到QQ”按钮点击状态及自定义分享内容接口

wx.onMenuShareQQ({

title: '', // 分享标题

desc: '', // 分享描述

link: '', // 分享链接

imgUrl: '' // 分享图标

success: function () {

// 用户确认分享后执行的回调函数

},

cancel: function () {

// 用户取消分享后执行的回调函数

}

})

获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口

wx.onMenuShareWeibo({

title: '', // 分享标题

desc: '', // 分享描述

link: '', // 分享链接

imgUrl: '' // 分享图标

success: function () {

// 用户确认分享后执行的回调函数

},

cancel: function () {

// 用户取消分享后执行的回调函数

}

})