持續(xù)更新中....
1镊绪、添加點(diǎn)擊事件前篷帅,先移除--bootstrap-table插件
在添加點(diǎn)擊事件前挺峡,先移除之前添加過的事件震庭,不然多次綁定會(huì)回造成該事件方法被重復(fù)執(zhí)行。
this.$container.off('click', '.th-inner').on('click', '.th-inner', function (event) {
? ? ? ? ? ? ? ? ......
}
2寇仓、生成html的代碼使用數(shù)組举户,然后jion方法合并
以前寫代碼,遇到html拼接的遍烦,都是使用 += 把被人拼接起來俭嘁,以后可以使用這種方式。
字符串是不可變的服猪,在操作的時(shí)候會(huì)產(chǎn)生臨時(shí)字符串副本供填,+操作符需要消耗時(shí)間,重新賦值分配內(nèi)存需要消耗時(shí)間蔓姚。
另:現(xiàn)代瀏覽器對(duì) + 操作做了優(yōu)化捕虽,字符串的拼接性能未必比join差
3慨丐、使用 !! 操作符判斷 true 或 false
? ? 我們業(yè)務(wù)代碼中經(jīng)常會(huì)出現(xiàn)這樣的代碼:
? ? ```
? ? if(item.id){ // .....}
```
判斷這個(gè)id(主鍵)是否存在坡脐,但是當(dāng)這個(gè)id值為0 的時(shí)候,這個(gè)判斷是的值是false房揭,不是我們想要的备闲。
該怎么做呢?使用 !!?
4捅暴、惰性函數(shù)
所謂惰性函數(shù)就是只執(zhí)行一遍恬砂,把結(jié)果存起來
大體結(jié)構(gòu)是這樣:
var vendor = (function(){? return ... })()
函數(shù)自執(zhí)行,直接得到 return 的值蓬痒,把值給了 vendor 變量泻骤。