[NG] 20150913 保哥課程筆記

上課筆記

  1. angular.module('sub2',[])
    1. 建立sub2模組
  2. Provider
    1. 物件的產生工廠
  3. 1.2升級1.4.5時,要設定$controllerProvider.allowGlobals();
  4. 建議的angluarjs format
    1. https://github.com/johnpapa/angular-styleguide
  5. 取得angular模組
    1. 這種寫法可以之後再注入需要的函示
    2. 要記得不要用中括號[]包起來
  6. 安裝webpack-dev-server才能跑ngCookie
    1. sudo npm install webpack -g
    2. sudo npm install -g webpack-dev-server
    3. 到專案底下執行 webpack-dev-server
    4. 就可以連結到所屬專案
    5. 參考來源 http://qiita.com/vc7/items/f1a72b3628bb42723500
  7. $watch越多效能越慢
    1. 不要再view裡面改model,因為每次改model都要重新執行$digestLoop(比對)改之前和改之後的model,最少跑兩次,比對結果不同就會跑第三次,最多十次(這個之前有取值跑三次應該就是這個原因)。
    2. ng-state 效能監控js
      1. 建立一個書籤
    3. 不要在view去做代碼轉換,而是在controller內做好
  8. 有用到watch的dom就不能用jquery,因為那是model的資料
  9. 不同的Services的差異
    1. value:單純回傳資料 (constant類似,只是constant可以注入config&controller)
    2. factory:可以寫function(),閉包(Closure)(js 在google) <-最常用的
    3. service:要用this,不要裝自己很強沒事不要用
    4. provider:在config可以設定值(注入前),可以給預設值
      1. 注入的時候要name後面要加Provider
  10. filter盡量避免在view使用($watch)

留言