AngularJS之基礎-1 簡介(基本概念、環境搭建)

1、基本概念web


軟件設計原則設計模式

  - 不管是桌面應用仍是Web應用,在進行設計編碼時應該遵照必定的設計原則app

wKiom1cEyhKC_aVmAAC4TsrPTCI725.png


軟件設計模式框架

  - 設計模式ide

    Design Pattern,是一套被反覆使用、多數人知曉的、通過分類編目的、代碼設計經驗的總結。使用設計模式是爲了可重用代碼、讓代碼更容易被他人理解、保證代碼可靠性。毫無疑問,設計模式用於已於他人於系統都是多贏的;設計模式使代碼編制真正工程化;設計模式是軟件工程的基石脈絡,如同大廈的結構同樣測試

  - 23+1中設計模式編碼

    工廠模式、抽象工廠模式、建造者模式、原型模式、單例模式、適配器模式、橋接模式、組合模式、裝飾模式、門面模式、享元模式、代理模式、職責鏈模式、命令模式、解析器模式、迭代器模式、中介模式、備忘錄模式、觀察者模式、狀態模式、策略模式、模板模式、訪問者模式、MVC模式spa


MVC設計模式設計

  - Model:模型,項目中的數據
  - View:視圖,數據的呈現代理

  - Controller: 控制器,獲取模型數據,選擇視圖加以呈現

wKiom1cEzAXRSpcHAADG48QTD58191.png


AngularJS 簡介

  - AngularJS 誕生於2009年

  - 由 Misko Hevery 等人建立

  - 後爲Google所收購

    wKioL1cEzWzyClGrAAAqIyYoX-Q046.png

  - AngularJS 是一個 JavaScript 框架

  - 致力於開發單頁面應用程序(Single Page Application)

  - 易於構建頁面CRUD操做

wKioL1cEzZLzdc2GAALdwNvJ6no515.png


2、環境搭建


腳本引用

  - angular.js

  - angular-resource.js

  - angular-route.js

wKiom1cEzUTxocO4AAB4GPWkOKI440.png


頁面測試

  - 在頁面中測試 AngularJS 是否正常工做

  - 使用ng-app指定做用域

  - 使用表達式輸出

      - <span>12+3 = {{ 12+3 }}</span>

wKioL1cEzlrinT5JAAAQK7fu7DI683.png


總結:本章內容主要介紹了 AngularJS 簡介(基本概念、環境搭建)

相關文章
相關標籤/搜索