微信小程序开发笔记

最近和同学组队参加了“中国高校计算机大赛——微信小程序应用开发赛”,打算写一篇博客来整理开发中用到的东西和遇到的坑

本篇文章持续更新,欢迎在开发过程中一起交流。

我的联系方式参见:https://blog.cyyself.name/contact_me/

 

1. WXML中特有的{{}}表达

例如,我们要更改一个text的内容,可以直接用<text>{{data_name}}</text>

但使用时需要注意,this.setData({data_name: value})才能改变内容,若使用this.data.data_name=value的方法, 尽管可以改变data中的值,但不会在界面上生效

2. 选择器没啥用

使用HTML+JS开发时,我们通常可以用document.getElementBy*(*)或者直接使用jquery的$(“*”)来写选择器。

而在微信小程序中,提供了wx.createSelectorQuery(),然而并没有什么卵用。

例如我在页面中写以下代码:

[sourcecode language=”html”]
<input id="input_a" bindinput="a" />
[/sourcecode]

然后我在js中使用选择器选择,只会得到这个标签的位置信息

一个很常用的使用选择器的例子就是,获取一个input所输入的值。

然后要获取一个input的value我采用了这种方法:
在该页面的js文件的Page({})中加入

[sourcecode language=”javascript”]
Page({
//前面保持原有内容
bindtap_name: function(e) {
dst = e.detail.value;
},
})
[/sourcecode]

3. 小程序比小游戏少了两个很重要的API

wx.getGroupCloudStorage、wx.getFriendCloudStorage
可以用于小游戏的同玩好友列表维护以及排名
(也就意味着带点社交性质的小程序只能靠分享链接加入的形式了
所以在选择小程序还是小游戏时要确定好

4. 页面跳转

wx.navigateTo 新页面入栈
wx.redirectTo 将页面栈顶换为其他页面

5. 列表渲染

在HTML中,我们可以通过修改innerHTML的方法配合JS的for循环来创建一个列表。

而在微信小程序中,这样的方法不再有用。那么,另一个解决的方法是使用微信的wx:for方法创建列表。

具体参见https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html

同时我也在网上找到了一篇比较好的文章https://blog.csdn.net/qq_39635610/article/details/86542387

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Back to Top