1.插件引入 全局app.json配置 "plugins": { "edict-plugin": { "version": "1.6.0", "provider": "wx2facb7b57eedf7e6" } } 全局app.js初始化(使用wordcate必须先初始化,其余功能不需要) var plugin = requirePlugin("edict-plugin&quo…
英语词典小程序 基于英语词典小程序插件 - 提供开源地址 项目地址 英语词典小程序插件: 微信小程序 词典 真题基础服务插件(gitee.com) 功能特色 [x] 全面详实的经典词库,详细释义覆盖约1.2w词,精简释义覆盖基本全部词汇 [x] 提供多语言识别翻译功能接口 [x] 不断完善的例句库,涵盖四六级和考研英语例句 [x] 详实的单词分类,针对不同需求,提供单词记背需要 [x] 单词例句以组件形式呈现,方便小程序引入使用 [x] 提供第三方插件API供调用,可自定义展现形式 功能预览 插…
昨天(2018.3.13),微信小程序发布了重大功能更新,支持插件的使用和开发,个人预计,不超过2个月,优质服务的插件将会如雨后春笋般涌现. 这篇文章,我将会带大家,从0开始,学习如何开发和使用插件.文章分为3个章节: 1.什么是微信小程序插件 2.如何开发微信小程序插件 3.如何使用第三方微信小程序插件 备注:为了节省文字内容,我会将“微信小程序插件”简称为“插件”. 什么是微信小程序插件? 插件一组由js和自定义组件封装的代码库,插件无法单独使用.也无法预览,必须被其他小程序应用嵌入,才能使…
发现小程序一个bug, 在小程序插件中使用wx.createSelectorQuery()获取不到节点信息,需要在后面加入in(this) 例如: const query = wx.createSelectorQuery().in(this) query.selectAll('#id-selector').boundingClientRect() query.exec(function (res) { console.log(res) }) 这时候res里面就能获取到节点信息了…
发现小程序一个bug, 在小程序插件中使用wx.createSelectorQuery()获取不到节点信息,需要在后面加入in(this) 例如: const query = wx.createSelectorQuery().in(this) query.selectAll('#id-selector').boundingClientRect() query.exec(function (res) { console.log(res) }) 这时候res里面就能获取到节点信息了…
上期,我们在<从原理到应用,一文带你了解小程序插件能力>一文中介绍了小程序插件的意义.作用以及应用.今天开始,我们会每期与大家分享一款优秀的小程序插件,从使用场景到使用方法,都将作出详细的介绍. 第一期与大家分享的小程序插件,是「腾讯视频」插件. 「腾讯视频」插件能做什么? 如果你有一个电商小程序,想在其中增加商品介绍视频,少不了会担心搭建视频服务开发成本太大的问题: 如果你有一个餐饮类小程序,想在其中增加菜品介绍视频,少不了会担心带宽成本太高的问题: 如果你有一个门票预订小程序,想在其中增加…
在此以插件开发中文章列表跳传文章详情为例. 1.首先在插件中的文章列表页面wxml中绑定跳转事件. bindtap='url' data-id="{{item.article_id}}" 2.在文章列表页面js中接收事件,并触发冒泡事件. /** * 跳转至详情 */ url: function (e) { var eventDetail = { data: a.pdata(e).id, } // 触发事件的选项 bubbles是否冒泡,composed是否可穿越组件边界,captur…
使用插件 小程序开发者可便捷地把插件添加到自己的小程序内,丰富小程序的服务.当用户在使用小程序时,将可以在小程序内使用插件提供的服务. 开放范围 所有小程序 接入流程 在小程序管理后台添加插件 小程序开发者可在”小程序管理后台-设置-第三方服务-插件管理“中,根据AppID查找需要的插件,并申请使用.插件开发者在24小时内通过后,小程序开发者可在小程序内使用该插件. 在小程序代码中使用插件 引入插件代码包 对于插件的使用者,使用插件前要在 app.json 中声明需要使用的插件,例如: { "p…
在此以插件开发中文章列表跳传文章详情为例. 1.首先在插件中的文章列表页面wxml中绑定跳转事件. bindtap='url' data-id="{{item.article_id}}" 2.在文章列表页面js中接收事件,并触发冒泡事件. /** * 跳转至详情 */ url: function (e) { var eventDetail = { data: a.pdata(e).id, } // 触发事件的选项 bubbles是否冒泡,composed是否可穿越组件边界,captur…
用 vsCode 开发微信小程序可以配置以下插件,让开发更美好: 1. vscode weapp api 2. vscode wxml 3. vscode-wechat 4. Easy WXLESS 5. 有个和 vsCode 差不多,还可以预览的 IDE:Egret Wing: minapp 小程序助手…