微信开发技术经验总结（微信开发技术经验总结怎么写）

本文主要介绍微信小程序开发中遇到问题的相关信息，有需要的朋友可以参考。

微信小程序开发中遇到的问题总结

第一次正式开发小程序，我们从以下几个方面来谈谈小程序的开发过程和经验，主要是关于本项目中使用的功能。

数据请求

这个小程序没有太多额外的功能，所以数据和数据处理是这次的主要工作。小程序为用户提供API，供用户从自己的服务器请求数据。值得一提的是，在开发小程序之前，需要在微信公众平台申请appID并绑定域名。域名必须是https协议，然后在小程序开发工具的配置信息中填写信息。请求的地址需要在前面绑定的域名下。Wx.request在这个项目中用于从服务器获取数据。

wx . request（{ URL:that . data . coupon data . request URL，data:that . data . coupon data . query data，header:{ & amp；#39;内容-类型&amp。#39;:& amp#39;应用/JSON & amp；#39;}，success:function（RES）{ var list = RES . data . goods list；console . log（RES . data）；for（列表中的变量I）{ list【I】。quanusenum = parse int（list【I】）。quanTotalNum）-parse int（list【I】。quanRemainNum）；列出【I】。isImgRendered = false}列表【0】。isImgRendered = list【1】。isImgRendered = list【2】。isImgRendered = list【3】。isImgRendered = truethat . setdata（{ & quot；coupon data . total page & quot；:RES . data . total page }）；that . setdata（{ & quot；couponData.list&quot:that . data . coupon data . list . concat（list）}）；that . setdata（{ & quot；couponData.loadmore & quot:!that . data . coupon data . load more }）；that . setdata（{ & quot；coupondata . query data . pagenum & quot；:parse int（that . data . coupon data . query data . pagenum）+1 }）；if（that . data . coupon data . query data . pagenum & gt；that . data . coupon data . total page）{ that . setdata（{ & quot；couponData.isAction & quot:false }）；} if（that . data . coupon data . list . length & lt；1）{ that . setdata（{ & quot；coupon data . no data & quot；:true }）；} if（f）{ f（）；} } });数据缓存

这里使用数据缓存是因为它需要搜索功能，这涉及到页面之间的数据传输。放在地址里也是一种方法。您还可以借用localStorage，并使用wx.setStorage将数据存储在localStorage中。页面跳转后，您可以从localStorage中读取它。读取数据时，可以同步和异步读取。

剪切板的应用

借用小程序的API可以轻松地将任何信息复制到剪贴板，然后可以粘贴它。

wx . setclipboarddata（{ data:& amp；#39;【& amp#39;+that . data . coupon data . list【e . current target . id】。goods title+& amp；#39;】复制这条消息，打开【手机淘宝】&；#39;+that . data . coupon data . list【e . current target . id】。twoInOneKouling，success:function（RES）{ that . setdata（{ & quot；coupon data . copy tip & quot；:true，& quotcouponData。寇灵& quot:that . data . coupon data . list【e . current target . id】。twoinekouling }）} }）；模板

在这个项目中，页面基本相似，但有细微的差异，因此使用一个模板来创建新的template/template.wxml，并且必须设置name属性。

& lt模板名称= & amp#39;navsearch & amp#39;& gt& lt查看class = & amp#39;nav -搜索与应用。#39;& gt& lt查看class = & amp#39;na v-search container space -between & amp；#39;& gt& lt查看class = & amp#39;nav -搜索搜索& amp#39;wx:if = & amp；#39;{{isSearch}}。#39;& gt& lt/view & gt；& lt输入class = & amp#39;nav -搜索输入& amp#39;占位符= & amp#39;请输入关键字查找优惠券&；#39;name = & amp#39;queryStr & amp#39;value = & quot{ { queryStr } } & quotbindfocus = & amp#39;toggleSearch & amp#39;bindconfirm = & amp#39;doQuery & amp#39;bindinput=&quot同步查询/& gt；& lt查看class = & amp#39;nav -搜索删除& amp#39;wx:if = & amp；#39;{{!isSearch } } & amp#39;bindtap = & amp#39;删除所有内容。#39;& gt& lt/view & gt；& lt查看class = & amp#39;nav -搜索中心。#39;wx:if = & amp；#39;{{!isSearch } } & amp#39;bindtap = & amp#39;doQuery & amp#39;& gt搜索；& lt导入src = & quot/template/template.wxml&quot/& gt；& lt模板是= & amp#39;navsearch & amp#39;data = & quot{{...couponData } } & quot& gt& lt/template & gt；模块化

对于公共js，您可以将其编写在一个特殊的js文件中，然后使用module.exports来公开接口。使用require引入通用js文件。

var common = require（& amp；#39;../../common/common . js & amp；#39;);...common . f（）；//调用redirectTo & navigateTo。

redirect重定向到页面，navigateTo打开新页面。值得注意的是，使用navigateTo打开过多页面会导致小程序卡顿。

分享

page（{ onShareAppMessage:function（）{ return { title:& amp；#39;你的头衔！& amp#39;路径:& amp#39;/xxxx/xxxx/xxxx & amp；#39;，//分享成功后返回本页面:function（RES）{ f（）；//回调成功；}，fail:function（RES）{ f（）；//回调失败；}}}}）提高列表滑动的流畅性。

简而言之，页面滚动到哪里，列表中的图片就会显示到哪里。实现方法如下。

//js文件页面（{ load img:function（e）{//计算接下来将加载var index = math . floor（（e . detail . scroll top -8）/259.5）的哪些片段；var temp = this . data . coupon data . list；//完整列表var min = math . max（index * 2，0），max = math . min（index * 小编8，temp . length）；for（var I = min；我& ltmaxi++）{ if（temp【I】& amp；& amp！温度【I】。isImgRendered）{ temp【I】。isImgRendered = true//列表中的每一项都有一个标记是否加载图片的属性。默认值为false，随着页面的滚动一个接一个地变为true。} } this . setdata（{ & quot；couponData.list&quot:temp }）；temp = null}，}）//wxml文件绑定scroll -视图上的事件。& ltscroll -view class = & quot；第& quotscroll -y = & quot；true & quotbindscroll = & amp#39;装载与运输。#39;& gt& lt/scroll -view & gt；【相关建议】

1.特别推荐:下载php程序员工具箱V0.1版。

2.下载微信微信官方账号平台源代码

3.阿里订单子系统源代码下载

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：微信开发技术经验总结（微信开发技术经验总结怎么写） https://zhujicankao.com/114873.html