微信小程序开发规范 - 持续更新（自整理，勿喷，欢迎提意见）

微信小程序开发规范

官网开发文档介绍了一些小程序开发和设计规范。以官方文档为核心，慢慢添砖加瓦

一、目录规范

components（组件文件夹）

1. 所有组件相关文件统一放在根目录components下，以组件名称为子文件夹命名
2. 引用第三方组件以官方名字命名

images（图片文件夹）

1. 项目图片文件放置于根目录的images文件夹下
2. 组件独有的图片放在当前组件images文件夹下
3. tabbar图标放在/images/tabbar文件夹下

pages（页面文件夹）

1. 命名规则：如user,路径为pages/user/user

二、CSS规范

像素单位

1. 通常使用rpx，特殊情况使用px

缩进

1. 删除不必要的换行，每一个样式类之间空出一行。上传git前，格式化代码

布局

1. 使用flex布局，禁止使用float

最后、注意事项

这里会记录日常开发应规避的一些问题和一些开发建议

1. 扫码页面应选择常规页面，不建议tabbar页面。tabbar页onload事件在一个生命周期内只调用一次，如连续扫两次不同码，传入不同参数时，onload只会调用一次
2. 使用双向绑定时（model:value），参数必须是单独的

// 正确
model:value="{{myValue}}"

// 错误
model:value="{{myValue.test}}"

3. 注意异步问题！注意异步问题！注意异步问题！重要的问题说三遍！！！
4. 小程序中页面栈最多十层，做无限跳转的时候需要注意。
   例如：商品底部相似推荐，点击跳转