微信后单词类小程序，下载鸡单词的源代码，微信小程序开发学习案例，小程序开发教程。每天都会用微信小程序背单词，并进行词汇测试，其中包括腾讯云晶片提供的多种词库后台解决方案。

前段时间我开始学习微信小程序，初学者花了半个月的时间

我个人觉得学习很快。我写了一个小程序，开头是一个单词，记着大约十二页

本文介绍了该主页，以实现每天记住单词的任务

前端代码如下：wx：if确定是否显示未记住的单词界面

{{content}}/{{pron.uk}}/

用户单击“不知道”并进入字词详细信息界面

{{content}}英/{{pron.uk}}/美/{{pron.us}}/{{definition}}更多例句{{defen[0].first}}　{{defen[0].mid}}　{{defen[0].last}}{{defen[0].translation}}{{defen[1].first}}　{{defen[1].mid}}　{{defen[1].last}}{{defen[1].translation}}

以下是js代码的一部分

用户点击（无法识别）时的功能

此页面的重点是将用户不知道的单词放回未记住的单词队列，并在该队列的末尾添加一个，并在其中添加一个today_task.push（this.data.counter）队列中间

today_task.splice（长度/ 2，0，this.data.counter）

通过这种方式，用户经常会在后续活动中看到这个词，从而加深印象

具体代码如下

this.setData({showNot: true,more: false})var today_task = wx.getStorageSync('task')var length = today_task.lengthtoday_task.push(this.data.counter)today_task.splice(length / 2, 0, this.data.counter)wx.setStorage({key: "task",data: today_task})},

当用户单击下一步时

由于页面上有两个“下一个”按钮，一个是用户在记忆界面中识别出单词后直接单击的按钮

第二个是按钮，当用户无法识别按钮并进入单词详细信息界面时，我标记了他们的ID

使用ID来确定用户是否记住此订单

next:function(e) {console.log(e)if (e.currentTarget.id ){wx.setStorage({key: this.data.time,data: wx.getStorageSync(this.data.time)+1})}var today_task = wx.getStorageSync('task')var length = today_task.lengthif (length > 0) {var n = today_task.shift()this.setData({ showNot: false})this.setData({counter:n})wx.setStorage({key: "task",data: today_task})this.search(n)}else{this.complete()}},

用户收集单词并将其写入到集合的缓存中。实际上，如果您使用自己的服务器，则写入数据库更安全

handleSaveTap(){if(wx.getStorageSync('collect')){var collect = wx.getStorageSync('collect')}else {var collect=[]}collect.push([this.data.content, this.data.pron, this.data.pron_audio, this.data.defen, this.data.definition])wx.setStorage({key: "collect",data: collect})wx.showToast({ title: '收藏成功' })},liju(id) {var that=thiswx.request({url: 'https://api.shanbay.com/bdc/example/?vocabulary_id=' + id,data: {},method: 'GET',success: function (res) {console.log(res)that.setData({defen: [res.data.data[0], res.data.data[1], res.data.data[3], res.data.data[4]]})},fail: function () {},complete: function () {}})

用户完成单词任务后，单击以测试单词

test(){wx.navigateTo({url: '../test/test',success: function(res) {},fail: function(res) {},complete: function(res) {},})}})

代码下载地址：微信小程序鸡词源代码下载

更多微信小程序开发和学习源下载

微信视频教育小程序源代码下载，在线教育小程序演示

微信小程序由可移动区域和封面视图组件实现的向左滑动删除功能

微信小程序版本F2，支持F2的所有本机功能，各种[k10]图表示例

微信小程序日历插件功能

由微信小程序开发的日历组件，可通过滑动来实现，只需向左和向右滑动即可选择

微信小程序地址选择器，您可以左右滑动以选择小程序有用的功能

微信小程序实现Discuz论坛，小程序开发论坛系统

更多微信小程序开发资源下载：微信小程序开发案例参考

转载于：