1. 注意詞性
- 普通變量/屬性 用【名詞】
var person = {
name : 'YQY'
}
var student = {
grade : 3,
class : 2
}
- bool變量/屬性用 【形容詞】 或者 【be動詞】或者【情態(tài)動詞】 或者 【hasX】
var person = {
dead : false ,
//如果是形容詞，前面就沒必要加is瞬矩，比如isDead就很廢話
canSpeak : true,
//情態(tài)動詞有can病线，should赏胚，will贸铜，need 等，情態(tài)動詞后面接動詞
isVip : true,
//be動詞又is税灌，was等乘盼，后面一般街名詞
hasChildren : true,
}
- 普通函數(shù)/方法 用【動詞】開頭
var person = {
run(){}, //不及物動詞
drinkWater(){}//及物動詞
}
- 回調(diào)、鉤子函數(shù) 用【介詞】 開頭沃于，或用【動詞的現(xiàn)在完成時態(tài)】
var person = {
beforeDie(){},
afterDie(){},
//或者
willDie(){},
dead(){}
// 這里跟bool沖突涩咖，你只要不同時暴露bool dead 和函數(shù) dead 就行
}
button.addEventListener('click',onButtonClick)
var component = {
beforeCreate(){},
created(){},
beforeMount(){},
mounted(){},
updated(){},
activated(){},
deactivated(){},
beforeDestroy(){},
destroyed(){},
errorCaptured(){}
}
- 容易混淆的地方加前綴
div1.classList.add('active') //DOM對象
div2.addClass('active') //jQuery 對象
//不如改成
domDiv1 或 elDiv.classList.add('active')
$div2.addClass('active')
- 屬性訪問器函數(shù)可以用名詞
$div.text() //其實是$div.getText()
$div.text('h1') //其實就是$div.setText('h1')
2. 注意一致性
介詞一致性
如果使用before + after ， 那么就在代碼的所有地方都堅持使用
如果使用before + 完成時繁莹，那么久堅持使用
如果一致性不能保證檩互，將會導(dǎo)致【不可預(yù)測】順序一致性
比如 updataContainerWidth 和 updataHeightOfContainer 的順序就令人很變扭表里一致性
函數(shù)名必須完美體現(xiàn)函數(shù)的功能，既不能多也不能少
