初學者眼中的的Angularjs(一)

2021-07-30 17:30:31 字數 1443 閱讀 6575

angularjs是一款由google公司開發維護的前端mvc框架,其克服了html在構建應用上的諸多不足,從而降低了開發成本提公升了開發效率。

1.1 特點

angularjs與我們之前學習的jquery是有一定的區別的,jquery更準確來說只是乙個類庫(類庫指的是一系列函式的集合)以dom做為驅動(核心),而angularjs則乙個框架(諸多類庫的集合)以資料和邏輯做為驅動(核心)。

框架對開發的流程和模式做了約束,開發者遵照約束進行開發,更注重的實際的業務邏輯。

1.3 體驗angularjs

charset="utf-8">

src="">

script>

head>

名字 : type="text"

ng-model="name">

p>

hello

}h1>

div>

body>

html>

1.4 mvc

模型(model)一般用來處理資料(讀取/設定),一般指運算元據庫。

檢視(view)一般用來展示資料,比如通過html展示。

控制器(controller)一般用做連線模型和檢視的橋梁。

mvc更多應用在後端開發程式裡,後被引入到前端開發中,由於受到前端技術的限制便有了一些細節的調整,進而出現了很多mvc的衍生版(子集)如mvvm、mvw、mvp、mv*等。

注:做為初學可以不必過於在意這些概念。

採用模組化的組織方式,可以最大程度的實現**的復用,可以像搭積木一樣進行開發。

2.3 定義控制器

控制器(controller)作為連線模型(model)和檢視(view)的橋梁存在,所以當我們定義好了控制器以後也就定義好了模型和檢視。

模型(model)資料是要展示到檢視(view)上的,所以需要將控制器(controller)關聯到檢視(view)上,通過為html標籤新增ng-controller屬性並賦值相應的控制器(controller)的名稱,就確立了關聯關係。

以上步驟就是angularjs最基本的mvc工作模式。

下圖是angularjs的結構,學習angularjs會圍繞下圖的結構展開。

3.1內建指令

3.2自定義指令

angularjs允許根據實際業務需要自定義指令,通過angular全域性物件下的directive方法實現。

初學者談初學者學html

這是乙個段落。解釋一下就是 html 與 html 之間的文字是描述網頁。head 與 head 之間的文字是文件的元資料。title 與 之間的文字是文件的標題。body 與 body 之間的文字是可見的頁面內容,是文章的主體部分。h1 與 h1 之間的文字被顯示為乙個大標題。p 與 p 之間的文...

初學者的迷惑

隨著軟體質量的要求越來越高,軟體測試也相對變的重要了,迫於就業的壓力,我選擇了軟體測試這一行,作為了自己第二技能,其實更想將它變成自己的第一求職選擇。初學測試我就遇到了難題,不知道是自己的理解有問題還是教學體系不好,對於測試用例的編寫,原先理解的是你想怎麼寫就怎麼寫 當然是根據所要測試的軟體來 可是...

初學者的錯誤

用記事本編寫 時 如需要輸入中文字元 要把格式改為utf 8格式編碼 不然會報c2001 常量中有換行符的錯誤 用define定義常量時在結尾不能用 號 用dos開啟qq時 輸入路徑有誤 g program files x86 tencent qq bin qqsclauncher.exe 應輸入 ...