angular的優化

2022-03-07 00:58:18 字數 713 閱讀 3264

更快地執行digest:

優化watch

$scope.$watch(watchexpression, modelchangecallback)

不在watchexpression中做耗時的操作(dom操作),因為watchexpression在digest中可能會執行多次

避免深度watch(第三個引數為true),巧用watchcollection

減少watch

當一個dom不需要時,使用ng-if把它移除,這樣會把這個dom中的所有watch都移除的,而ng-show僅僅是隱藏了dom,對應的watcher會保留

對於不會發生變化的資料,使用bindonce庫來做單次繫結,避免新增watcher,以減少watcher的數量

當不再需要的時候,手動解除watch

var listener = $scope.$watch("quartz", function

() {});

//...

listener(); //

would clear the watch

更少地執行digest

function

trycatch

(e)

finally

}

dom優化

使用track by,參考:

要修改大量的dom,在指令的compile階段進行

Angular

資料繫結肯定是 angularjs 最佳功能之一。你可以宣告繫結的模型到html元素。當模型發生變化時,檢視會自動更新,反之亦然。這可以減少...

Angular changeDetction

changedection 檢測程式內部狀態,然後反映到ui上。 引起狀態變化,引發檢查的驅動源 events,xhr,timers onp...

nginx部署angular

官方部署教程 本文將angular官網的示例專案heroes 英雄指南 部署到nginx ng build 執行完成後會生成一個dist目錄...