微信小程序的index.js怎么写？详细代码见下方↓

微信小程序实例index.js代码如下：

可以搜索小程序名称： 快芹羡递最后一公里

实例index.js代码

var app = getApp()

Page({

/**

* 页面的初始数据

*/

data: {

//三张图片轮播

imgUrls: [

{

imageUrl: '/images/weicha/timg1.jpg',

},

{

imageUrl: '/images/枣亩weicha/timg2.jpg',

},

{

imageUrl: '/images/weicha/timg3.jpg',

}

],

indicatorDots: false,

autoplay: false,

interval: 5000,

duration: 800,

},

onSwiperTab: function (e) {

/*var postId = e.target.dataset.postId

wx.navigateTo({

url: postId,

})*/

},

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

app.loginWinCha(this.initPageData)

},

//初始化登录才能查看的数据

initPageData: function () {

this.setData({

componentList: [

{

id: 1,

url: '../weicha/express/courier/index',

imageUrl: '/images/weicha/timg1_1.jpg',

title: '快递小哥(送快递)',

queryType: 'courier'

},

{

id: 2,

url: '../weicha/express/seller/index',

imageUrl: '/images/weicha/timg1_2.jpg',

title: '合作商家(代收快递)',

queryType: '凳首森seller'

},

{

id: 3,

url: '../weicha/express/personal/index',

imageUrl: '/images/weicha/timg1_3.jpg',

title: '收件人(签收快递)'

},

{

id: 4,

url: '../weicha/express/logistics/index',

imageUrl: '/images/weicha/timg1_4.jpg',

title: '快递物流查询'

}

]

})

},

onItemClick: function (e) {

var targetUrl = e.currentTarget.dataset.pay

var targetQueryType = e.currentTarget.dataset.index

if (targetQueryType == "seller") {

var reqData = {

seller_openId: app.globalData.openid,

status: '2'

}

this.queryDBUtil("sellerInfo", reqData, targetQueryType, targetUrl,

"亲，您暂未申请商家,请提交商家申请！")

} else if (targetQueryType == "courier") {

var reqData = {

courier_openId: app.globalData.openid,

status: '2'

}

this.queryDBUtil("courierInfo", reqData, targetQueryType, targetUrl,

"亲，您暂未申请快递员,请提交快递员申请！")

} else {

wx.navigateTo({

url: targetUrl

})

}

},

queryDBUtil: function (reqCollectionName, reqData,queryType, retUrl,retMgs){

wx.cloud.callFunction({

name: "utilsDB",

data: {

collectionName: reqCollectionName,

collectionWhere: reqData

},

complete: res =>{

let retStatus = '1'

if (res.result.data.length >= 1) {

retStatus = res.result.data[0].status

}

if (retStatus == '2') {

if (queryType == "seller"){

app.globalData.seller = res.result.data[0]

} else if (queryType == "courier"){

app.globalData.courier = res.result.data[0]

}

wx.navigateTo({

url: retUrl

})

} else {

wx.showToast({

icon: 'none',

title: retMgs

})

}

},

fail: err =>{

wx.showToast({

icon: 'none',

title: retMgs

})

}

})

}

})

最近在做埋锋微信小程序的时候，需要实现在搜索框的输入内容的时候实现全局匹配实现高亮效果，目前的思路是，递归后台来返回的数据，并将对象的value值替换为需要的dom节点，并且通过rich-text来实现，高亮效果。

在实现的过程中主要考虑，不同类型的数樱简据结构，过滤掉特殊符号，url这些基本需求；同时在实现的过程中每次都要去处理最原始的数据，这就需要考虑到对象的深拷贝问题，目前所采用的方法是通过JSON.parse(JSON.stringify(str))来处理，因为弯颂晌在这个全局搜索的项目中不太会用到函数这些对象。最后通过replace方法来处理这些目标字符串。

wxml:

js:

---