最近在一点点摸索的学习小程序,不是我吐槽小程序的开发文档,真的是太不友好了,写的一点也不详细,我从网上找了一个小程序实例demo,看着文档一点点敲,一点点走。路过了很多坑,此篇文档主要为了记录,Runtime warning 和一些错误信息,希望可以帮助在这条路上前行的人,虽然我也是菜鸟,不过还是在一点点飞~~
NO1.在使用wx:for 时报出的警告
wx:key文档介绍:
如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如input的输入内容 switch状态的改变 )使用wx:key
wx:for 的值以形式提供:
1.字符串,代表在 for 循环的 array 中 item 的某个 property,该 property 的值需要是列表中唯一的字符串或数字,且不能动态改变。
2. *this 保留关键字 代表在 for 循环中的 item 本身,
这种表示需要 item 本身是一个唯一的字符串或者数字当数据改变触发渲染层重新渲染的时候,会校正带有 key 的组件,框架会确保他们被重新排序,而不是重新创建,以确保使组件保持自身的状态,并且提高列表渲染时的效率。
所以在使用的过程中:
如不提供wx:key,会报一个warning, 如果明确知道该列表是静态,或者不必关注其顺序,可以选择忽略。
如果你是一个处女座
推荐array 的 每一个item都添加一个唯一识别的property来管理,这样就可以去掉warning,如果使用保留关键字,好像会出现显示的item都是最后一个的。
NO2.引用问题
微信小程序中对于路径的使用,除了pages.json中,对页面的初始化,必须的完整的路径,其他的要不不高。
./ 代表的本级目录 ../代表的是上级目录
出现这种问题就是好好检查一下自己的路径是否写的对。