AngularJS 杂项知识点
1、要用ngChange要同時使用ngModel,下拉選擇獲取當前選中值。
2、打包代替動態加載(js文件)
requirejs真正的價值在于模塊化,不是動態加載,angularjs本身有模塊化機制,而且還支持依賴注入,對于angularjs來說requirejs并不是必須的。
把所有javascript文件連接成一個文件,然后進行最小化、混淆,最終部署時候開啟gzip,這樣可以javascript文件的下載大小進一步壓縮到原來的1/3。
但是一些第三方庫很大,確實需要動態加載,進行局部動態加載,如highchart插件,可以定義個highchart指令當它首次被使用時候才動態加載highchart.js,加載完畢后再調用其中的函數,可以加快啟動速度,而且可以讓代碼盡可能簡化。
3、Angular-hint
幫助我們寫出更好的AngularJS代碼,并讓我們更容易定位angularjs常見錯誤問題。
4、$timeout妙用
為了防止界面停止響應而將一些費時的任務延后處理(javascript單線程),或者等一些DOM元素出現后處理。window.setInterval也內置了$interval。$timeout實現了$scope.apply功能,而window.setTimeout沒有實現$scope.apply。
5、用非angularjs 屬性如<img src="{{api.root}}/chapcha.jpg" > ,頁面開始加載的時候,angularjs還沒有機會執行,{{}}}綁定的表達式還沒有機會求值,直接當字符串,會出現404錯誤;而用ng-src這種angularjs指令,會在angular啟動后才會執行,所以能得到正確的值。
轉載于:https://www.cnblogs.com/shawnhu/p/8523369.html
總結
以上是生活随笔為你收集整理的AngularJS 杂项知识点的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Binary Differences
- 下一篇: 洱海旁边还有租电动车吗