微信小程序开发规范文档Word下载.docx
- 文档编号:22050173
- 上传时间:2023-02-02
- 格式:DOCX
- 页数:7
- 大小:16.60KB
微信小程序开发规范文档Word下载.docx
《微信小程序开发规范文档Word下载.docx》由会员分享,可在线阅读,更多相关《微信小程序开发规范文档Word下载.docx(7页珍藏版)》请在冰豆网上搜索。
input/>
。
<
控制每行HTML的代码数量在50个字符以内,方便阅读浏览,多余的代码进行换行处理,标签所带属性每个属性间进行换行。
v-music
wx:
if="
{{classic.type===200}}"
img="
{{classic.img}}"
content="
{{classic.content}}"
>
/v-music>
合理展现分离内容,不要使用内联样式。
//推荐使用
imageclass="
tag"
/image>
2.
注释规范
除组件外的其他块级元素,均需注释出其功能,并在其上下空出一行与其他代码进行区分。
view>
...<
/view>
//导航栏
CSS规范
CSS规范
在开发过程中rpx和px均可能用到,如通常情况下间距使用rpx,字体大小和边框等使用px,开发者根据实际情况而定。
width:
100rpx;
font-size:
14px;
CSS代码需有明显的代码缩进。
每一个样式类之间空出一行。
.v-tag{
width:
100%;
}
.v-container{
尽量使用简写属性,并且同一属性放置在一起,避免散乱。
/**使用简写属性**/
.v-image{
margin:
0auto;
/**同一属性放在一块**/
margin-left:
10rpx;
margin-right:
10rpx
采用flex进行布局,禁止使用float以及vertical-align。
.container{
disaplay:
flex;
flex-dirextion:
row
成组的wxss规则之间用块状注释。
请勿在代码后面直接注释。
/**修改button默认的点击态样式类**/
.button-hover{
background-color:
red;
JS规范
命名规范
变量名以及函数名统一采用驼峰命名法,正常情况下函数名前缀需加上清晰的动词表示函数功能,私有函数或者属性以下划线开头表明。
常量需用const声明。
类的命名首字母需大写。
采用ES6关键字let定义变量,尽量不使用var
//定义常量
consta=1
//定义变量
letimageContent=res.data
//函数命名
getInfo:
function(){
return'
'
;
//私有函数
_getInfo:
回调函数规范
回调函数统一使用Promise函数的方式进行编写,回调成功的参数统一为res,错误参数为err。
//promise处理回调
letback=newPromise((resolve,reject)=>
{
if(/*异步操作成功*/){
resolve(value);
}else{
reject(error);
}
});
back.then((res)=>
console.log('
成功回调!
res);
}).catch((err)=>
失败回调!
error);
私有函数以及回调函数统一放置在生命周期函数后。
删除js文件中未用到的生命周期函数,保持代码的整洁。
Pages({
data:
{
},
onLoad:
function(event){
_self:
})
每个函数之间用一个空行分离结构。
数据绑定变量定义规范
所有涉及到数据绑定的变量均需在data中初始化。
禁止在不定义的情况下直接setData。
id:
null
letid=event.target.dataset.id
this.data.id=id
点击事件规范
点击事件函数命名方式为on+事件名或者业务名。
onLike:
function(event){
组件规范
组件名命名规范
组件在使用时命名以“v-”为开头的组件名,若组件名称为多个单词名拼接而成,采用'
-'
连接。
组件标签在page页面使用时推荐使用单闭合标签(此条约束对于包含有slot的组件无效)
v来源于法语单词‘vent’
v-movies/>
触发事件规范
组件点击触发事件建议用冒号分隔开
v-component-tag-namebind:
myevent="
onMyEvent"
/>
externalClasses命名规范
命名格式采用如下形式:
v-class-{name},name可自行定义
v-class-icon
组件样式规范
**所有组件样式均应采用类的写法,且命名必须以v-开头,不允许使用内联样式以及id样式
标点规范
JS语句无需以分号结束,统一省略分号
JS中一致使用反引号``或单引号'
'
不使用双引号。
WXML、CSS、JSON中均应使用双引号。
CSS属性中冒号中后面用一个空格分隔开。
执行一致的缩进(4个空格)
执行一致的换行样式('
unix'
)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 微信小 程序 开发 规范 文档