小程序学习笔记(一)学习中的一些小 Tips

您所在的位置:网站首页 微信小程序pages文件 小程序学习笔记(一)学习中的一些小 Tips

小程序学习笔记(一)学习中的一些小 Tips

2023-02-17 07:09| 来源: 网络整理| 查看: 265

Tips

1、组件注册: 每次保存代码,模拟器都会展示写在app.json文件中pages里面的第一个路径所对应的组件

2、数据渲染: 在模版中使用数据,格式为

{{data}}

3、数据拼接: 在模版中拼接数据格式为

4、文字换行: 在标签中使用 /n 可以使文字换行

5、swiper组件样式设置: 在swiper组件中,swiper-item默认宽高是100%,如果需要设置宽高,需要在swiper容器上设置,在swiper-item上设置无效

6、布尔值的设置: 在组件的属性中,如果要设置一个属性的布尔值,在设置为false的时候,需要写在{{}}中,否则会被解析为字符串,从而得到true

7、引入本地脚本文件: 在文件中引入本地脚本文件的时候,需要使用相对路径,使用绝对路径可能会出错

8、修改data中的数据: 在小程序中总是会读取data对象来做数据绑定,但是这个动作是在 onLoad函数之后,所以在onLoad函数中做数据绑定的时候,可以直接给这个属性赋值,而不需要使用setData来更新数据绑定(如果是在异步中修改数据值,直接赋值则会失效)

9、音乐播放组件的资源引用: 音乐路径以及封面等资源都需要网络地址,不知道本地文件

10、缓存问题: 在真机上的缓存是没有办法清空的,除非手动用代码清空,否则后期可能会引起一些不可预测的问题

11、target 与 currentTarget的区别: target 指的是当前点击的组件,currentTarget 指的是事件捕获的组件

// target :指的是image 可以通过 target 拿到当前点击图片身上的data-id; // currentTarget :指的是 view ,这个绑定事件的元素本身

12、 在小程序数据请求中,从122100版本开始,header字段中application/json和" "空字符串都不可以使用,可以设置为

header{ "Content-Type": "application" //or "Content-Type": "application/xml" / "Content-Type": "json" }


【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3