摘要:最近一直在学习小程序,记录一些坑和 Tip
1.app.json 可以配置全局的属性,页面本身的 xx.json 只能够配置本页的 window 项
2.小程序的配置是按就近原则执行的,本页的配置会覆盖 app.json 中的同一属性
3.在 app.json 中配置 pages 属性注册页面可以直接生成相应的文件夹和其四个文件
4.app.json中 有 tabBar 配置项时,跳到 tabBar 页面(底部有 tab)要使用wx.switchTab
5.tabBar 中的图片路径要使用相对路径,使用绝对路径预览等操作时会报错
6.页面空的 json 文件要保存空对象,json 文件中还不可以有注释,空的 js 文件要调用 Page 方法,否则报错
7.使用 rpx 作为单位可以根据屏幕宽度进行自适应,用 iPhone6 作为视觉稿的标准:750rpx = 375px = 750 物理像素
8.<scroll-view>
无法触发onPullDownRefresh
,使用onReachBottom
替代。详细请看这个哎呀,脸好疼。130400版本更新导致下拉刷新和scroll-view不能同时使用
9.引入外部 js 文件使用 require(‘相对路径’)
10.使用 template 时,只拥有 wxml 和 wxss 两种文件格式,js 仍需要写在页面中(不像 vue 模板可以将 html、js、css 写在一个后缀 .vue 的文件中)。引入 wxml 使用<import src="xx/xx.wxml" />
(斜杠/不可缺少),引入 wxss 使用@import "xx/.wxss"
;
11.输入框 input 的 value 清空操作,需要将其 value 与某个数据绑定,再将这个数据清空即可
12.开发时注意将工具的项目选项中的选线进行勾选(尤其是“开发环境不校验请求域名以及TLS版本”这一项)
13.条件渲染wx:if="false"
的判断值为 true,因为其中的 false 为字符串类型而不是布尔类型,wx:if=”false“才为false
14.列表渲染wx:for="{{array}}"
中的array必须为数组(vue 中的指令”v-for”可以是其他类型)
15.自定义属性的属性名在使用时会转化成峰驼形式,如data-abc-ID="{{x}}"
获取时event.currentTarget.dataset.abcId
16.使用wx.request
发起 HTTP S请求时,配置header: {'content-type': 'json'}
请求 json 数据(也是哭了好久),method 的值必须大写
17.小程序大小不能超过 1M