⼩程序开发规范-持续更新(⾃整理,勿喷,欢迎提意见)
⼩程序开发规范
官⽹开发⽂档介绍了⼀些⼩程序开发和设计规范。以官⽅⽂档为核⼼,慢慢添砖加⽡
⼀、⽬录规范
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="{{st}}"
3. 注意异步问题!注意异步问题!注意异步问题!重要的问题说三遍
4. ⼩程序中页⾯栈最多⼗层,做⽆限跳转的时候需要注意。
例如:商品底部相似推荐,点击跳转
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论