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

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

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

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

前端代码如下：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.length  today_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.length  if (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=this  wx.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论坛，小程序开发论坛系统

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

转载于：