最近參加了一個(gè)小程序開發(fā)大會(huì)伙菜,不知道小程序會(huì)不會(huì)成為下一個(gè)風(fēng)口轩缤,所以趕緊學(xué)習(xí)了一下,今天先帶大家了解小程序最基礎(chǔ)的開發(fā)規(guī)范贩绕。
1.css規(guī)范
小程序在開發(fā)過程中布局使用flex布局火的,單位用rpx字體使用px,css命名用 - 作為單詞分隔符淑倾。
css命名示例
v-image{
disaplay: flex;
flex-dirextion: row
width: 100rpx;
font-size: 14px;
}
2.js規(guī)范
js命名用駝峰命名,JS語句無需以分號結(jié)束馏鹤,統(tǒng)一省略分號JS中一致使用反引號 ``或單引號' ' , 不使用雙引號。WXML娇哆、CSS湃累、JSON中均應(yīng)使用雙引號。點(diǎn)擊事件規(guī)范,事件函數(shù)命名方式為 on + 事件名或者業(yè)務(wù)名
js命名示例
async onGetList() {
let imageContent = 'js中使用單引號'
.....
}
props傳入值碍讨,后面如果需要修改的化治力,再data中重新命名變量前面添加 _ 下劃線作為區(qū)分
props = {
list: {
type: Object,
default: []
}
};
data={
_list:[],
}
回調(diào)函數(shù)統(tǒng)一使用Promise函數(shù)的方式進(jìn)行編寫,回調(diào)成功的參數(shù)統(tǒng)一為res勃黍,錯(cuò)誤參數(shù)為err
// promise 處理回調(diào)
let back = new Promise((resolve, reject) => {
if (/* 異步操作成功 */){
resolve(value);
} else {
reject(error);
}
});
back.then((res) => {
console.log('成功回調(diào)琴许!', res);
}).catch((err) => {
console.log('失敗回調(diào)!', error);
});
OK溉躲,小程序需要了解的基本的代碼規(guī)范就先介紹到這里了榜田。