微信小程序开发需要注意哪些指南和优化实践，有哪些具体的小结可以分享？

本文共计2299个文字，预计阅读时间需要10分钟。

前言：转眼间，已参与过几个小程序的开发，下面本姑娘将分享开发中的那些注意点和各位小伙伴交流，暖暖的干货一枚。

一、WXML

1.不要换行写，有空格不行

2.微信开发者工具不支持

前言

转眼间已经参与过我厂好几个小程序的开发了，下面本妹子将开发中的那些注意点和各位小伙伴们分享下，妥妥的干货一枚。

一、WXML

不要换行写，有空格不行

微信开发者工具不会对代码进行trim操作，如果代码中换行，页面也直接换行。

wx:if vs hidden

一般来说，wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此，如果需要频繁切换的情景下，用 hidden 更好，如果在运行时条件不大可能改变则 wx:if 较好。

图片处理

1.大图片也会造成页面切换的卡顿 有一部分小程序会在页面中引用大图片，在页面后退切换中会出现掉帧卡顿的情况。

2.图片占容量 代码包限制是2MB，图片占用空间较大，建议都上传到CDN上，代码里直接引用链接。

3.大图片小点击位 小程序主要在手机端运行，手机屏幕大小有限，所以尽量点击位大点。

4.图片截取 存在图片没有按原图宽高比例显示，可以设置image组件的mode属性，来保持原图宽高比。