Angularjs(一)

1.Angularjs ie8放棄。

MVC 

 模組化module  

指令系統———directive指令自定義標籤ngappmain方法。

雙向資料繫結——

1-1

1.單向模版+資料資料繫結標籤不可變了。

1-2

1-3

2.angular js雙向資料繫結的機制，檢視發生變化，資料模型也會變化。兩個是對應的，資料模型發生變化，試圖也會變化。表單會發生變化，會同步資料模型。取值{{ }}

==============================================》

一、什麼是npm？

Node包管理器(npm)是一個由Node.js官方提供的第三方包管理工具，就像PHP、Pear、Python的PyPI一樣。npm是一個完全由JavaScript實現的命令列工具，通過Node.js執行，因此嚴格來講它不屬於Node.js的一部分。在最初的版本中，我們需要在安裝完Node.js以後手動安裝npm。但從Node.js 0.6開始，npm已包含在發行包中了，安裝Node.js時會自動安裝npm。

$ npm -v

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

$ npm ls

cd angular-phonecat/(這裡是啟動http-server伺服器)

npm start

cd angular-phonecat/

npm run protractor測試環境。

1.》程式碼編輯工具sublime  webstrom。

2》斷點除錯工具Batarang。commanc +shift+i

https://github.com/angular/batarang/releases下載瀏覽器新增解壓資料夾， 瀏覽器的外掛安裝。

3》版本管理工具git管理程式碼。(windowsmysysgithttps://www.sourcetreeapp.com/macsourcetree或者gitx)

4》程式碼合併和混淆工具。node.js安裝完成。

1）cnpm install grunt安裝

2）外掛http://www.gruntjs.org/現在進入這個網址。http://www.gruntjs.net/http://www.gruntjs.net/sample-gruntfile

安裝裡面的幾個外掛。

grunt-contrib-uglify混淆。npm install grunt-contrib-uglify --save-dev

grunt-contrib-qunit

grunt-contrib-concat合併檔案。npm install grunt-contrib-concat --save-dev

grunt-contrib-jshint

grunt-contrib-watch監控檔案變化。npm install grunt-contrib-watch --save-dev

grunt配置檔案

src-放原始碼test測試用例dist被壓縮過的程式碼。一個package.jsonnpm gruntfile.js

js檔案合併，js程式碼自動壓縮，每次crtl+s自動執行以上動作,自動執行單元測試。

5》依賴管理工具bower自動安裝依賴的元件，元件之間的依賴檢測，版本相容性自動檢測。

npm install -g bower

網址https://bower.io/

$ bower install jquery

6》單元測試工具http-server

cnpm install http-server

npm install http-server -g

7》整合測試工具