知識點
-
nextTick的作用文檔: 將回調(diào)延遲到下次 DOM 更新循環(huán)之后執(zhí)行。在修改數(shù)據(jù)之后立即使用它，然后等待 DOM 更新笑陈。它跟全局方法 Vue.nextTick 一樣放刨，不同的是回調(diào)的 this 自動綁定到調(diào)用它的實例上。
- dom更新循環(huán)結(jié)束之后,延遲回調(diào)-(初始化)
- 在修改數(shù)據(jù)之后, 可以拿到更新后的dom-(修改數(shù)據(jù)后,操作dom)
-
watch深度監(jiān)聽watch: { obj: { // 性能開銷大 'obj.a.b'更好一點 handle() { // xxx }, deep: true } }
-
長列表優(yōu)化
- 渲染優(yōu)化
- 數(shù)據(jù)分頁
- 首次渲染凍結(jié)(object.freeze)減少數(shù)據(jù)劫持的時間, 少量數(shù)據(jù)(懶加載)
- 列表渲染在固定視口內(nèi)
- 文檔片段-fragment
- 封裝復用組件
- 滾動優(yōu)化
- 函數(shù)防抖
- 渲染優(yōu)化
flutter相關(guān)
-
監(jiān)聽
promise的錯誤事件(不用try/catch)- nodejs =>
unhandleRejection - 瀏覽器 =>
unhandlerejeaction
- nodejs =>
-
promise三種狀態(tài)- pending
- fulfilled
- rejected
react高階函數(shù)(類似vue的mixin)react性能優(yōu)化(函數(shù)式編程)-
前端兼容處理
- css兼容=>postcss=>postcss-preset-env
- js兼容=>babel=>[@babel/preset-env, babel-polyfill, core-js]
實現(xiàn)深拷貝
手寫
apply
