微信小程序开发之路~~Runtime warning 警告总结

最近在一点点摸索的学习小程序,不是我吐槽小程序的开发文档,真的是太不友好了,写的一点也不详细,我从网上找了一个小程序实例demo,看着文档一点点敲,一点点走。路过了很多坑,此篇文档主要为了记录,Runtime warning  和一些错误信息,希望可以帮助在这条路上前行的人,虽然我也是菜鸟,不过还是在一点点飞~~

NO1.在使用wx:for 时报出的警告

意思为:你需要指定微信:key值来提交wx:for的性能,我理解的就是你需要为每一个item指定一个唯一的key来提高性能。

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.引用问题


这个问题是引用路径不对,没有正确引用找不到template 

微信小程序中对于路径的使用,除了pages.json中,对页面的初始化,必须的完整的路径,其他的要不不高。

./ 代表的本级目录  ../代表的是上级目录

出现这种问题就是好好检查一下自己的路径是否写的对。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近做了一个投票的微信小程序,开发过程主要还是参考官方文档:https://mp.weixin.qq.com/de...
    june5253阅读 22,099评论 1 11
  • 给提问的开发者的建议:提问之前先查询 文档、通过社区右上角搜索搜索已经存在的问题。 写一个简明扼要的标题,并且...
    极乐叔阅读 14,052评论 0 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,238评论 19 139
  • 昨天看了一下微信小程序官方文档,总结一下自己学习的个人心得. 首先从官方文档给的框架说起,微信小程序官方文档给出了...
    Mr大大大阅读 47,316评论 9 68
  • 1. 我谈过一个男朋友,是在朋友聚会的时候认识的。他话不多,一副不食人间烟火的模样,我却为此倾倒。 他给予的不冷不...
    每日荐读阅读 337评论 1 1