angularjs是一款優秀的前端js框架,已經被用於google的多款產品當中。angularjs有著諸多特性,最為核心的是:mvvm、模組化、自動化雙向資料繫結、語義化標籤、依賴注入、等等。
類庫- 類庫是一些函式的集合,它能幫助你寫web應用。起主導作用的是你的**,由你來決定何時使用類庫。類庫有:jquery,yui,protype等
框架- 框架是一種特殊的、已經實現了的web應用,你只需要對它填充具體的業務邏輯。這裡框架是起主導作用的,由它來根據具體的應用邏輯來呼叫你的**。框架有:knockout、sproutcore等。
angularjs的一些技術特點
使用雙大括號}語法進行資料繫結;
使用dom控制結構來實現迭代或者隱藏dom片段;
支援表單和表單的驗證;
能將邏輯**關聯到相關的dom元素上;
能將html分組成可重用的元件
雙向繫結(html影響**,**也影響html)
路由功能(單頁面實現類似多url的功能)
將資料模型(data-model)關聯到檢視(ui)上,讓前台開發人員可以很方便的去建立完整的頁面,資料可以使用測試資料,最後可以將獲取資料的部分抽象成乙個個的api介面即可,而不需要真正等待後台人員將程式開發完,前台人員就可以對已經完成的功能進行測試了。
doctype html
>
<
html
>
<
head
>
<
script
src=""
>
script
>
head
>
<
body
>
hello }!
body
>
html
>
使用}亂起來的**就是angularjs的**,使用引號括起來表示它是個字串,下面看一下在**上經常看到的**,如果你登陸了就顯示hellow yourname,否則就顯示
hello world,這是個很經典的例子
doctype html
>
<
html
>
<
head
>
<
script
src=""
>
script
>
head
>
<
body
>
your name:
<
input
type
="text"
ng-model
="yourname"
placeholder
="world"
>
<
hr>
hello }!
body
>
html
>
(冒號)-(減號)或_
ng-repeat:集合遍歷
ng-model:雙向繫結
ng-click:單擊事件繫結
ng-if:條件繫結
ng-bind:變數繫結到指定標籤
下一講,我們將開始測試具體的例項……
AngularJS 大話開篇
angularjs是一款優秀的前端js框架,已經被用於google的多款產品當中。angularjs有著諸多特性,最為核心的是 mvvm 模組化 自動化雙向資料繫結 語義化標籤 依賴注入 等等。類庫 類庫是一些函式的集合,它能幫助你寫web應用。起主導作用的是你的 由你來決定何時使用類庫。類庫有 j...
我心中的核心元件(可插拔的AOP) 大話開篇及目錄
回到佔佔推薦部落格索引 我心中的核心元件,核心元件就是我認為在專案中比較常用的功能,如日誌,異常處理,訊息,郵件,佇列服務,排程,快取,持久化,分布式檔案儲存,nosql儲存,ioc容器,方法攔截等等。對於以上內容可以說即是乙個大餐,又是乙個挑戰,就讓我帶著大家去迎接這份挑戰吧,呵呵!aop即面向切...
angularjs學習筆記
不要用控制器去繼承控制器,通用的通過service來通用 不要試圖服用controller,乙個控制器只負責乙個塊試圖 不要在controller中操作dom,這不是controller的職責,用指令只做 不要在controller中做資料初始化,ng有表單控制項 不要在controller中做資料...