angularjs代碼量少多少,angular JS

本文目錄一覽：

AngularJS是google主持開發的mvc/mvvm框架，嗯，不是anglebaby，它的入門很簡單，你了解一下說不定就會喜歡上它。

下面給個簡單例子：

[html] view plain copy

!doctype html

html ng-app

head

script src =”Scripts/angular.min.js”/script

script

function InvoiceCntl($scope) {

$scope.qty = 1;

$scope.cost = 19.95;

}

區別1、 jQuery是一個優秀的Javascript輕量級庫，可以兼容CSS3和大部分瀏覽器，只是2.0版本後就不再支持IE（6/7/8）了；

AngularJS是一筐優秀的前端框架，Google的多款產品都有它的影子。AngularJS有着諸多特性，最為核心的是：MVVM、模塊化、自動化雙向數據綁定、語義化標籤、依賴注入等等。

區別2、以DOM為參照時，jQuery可以根據用戶交互，快捷的修改DOM元素，友好體驗感強，而AngularJS注重的是數據的展示，不可避免的會對DOM造成一些破壞和重構，相對的AngularJS 的工作量比JQuery少，也就是工作效率更高點。

區別3、這兩款語言，是出於不同的設計目的創造的，所以應用的方向，使用的側重點也不同。jQuery是命令式編程語言，就是給計算機下達一系列精細的執行步驟命令，以達到想要的結果；AngularJS是聲明式的編程語言，就是告訴計算機你想要的結果，讓它自己去實現。

不建議看。一切東西，如果量太大，都是不適合直接學習的，容易迷失在細節的汪洋大海中，對心理造成不可磨滅的陰影。譬如治史，上來就通讀二十四史，二十五別史之類，肯定是不對的，應當先讀各種綱要，然後在具體深入細節。

如果要抱着學習的態度看，應當優先看同類的小框架，比如：GitHub – lega911/angular-light: Angular Light is a library for building interactive MVVM web interfaces/applications.

這個是對Angular 1.x的一個山寨，基本功能都有了，但是小很多，更容易入手。

我猜測你想看Angular的源碼，是為了更深入學習用，為了達到這個目的，建議你按照這個順序：

– 了解Angular是解決什麼問題的

– 試用它，熟悉大致有些什麼功能

– 猜測一些主要細節的實現方式

– 自己山寨一下，看能不能做出來

– 始終做不出來，或者覺得做不好的地方，再去看源碼對應的部分，其實它也未必比你寫得好，一個上規模的項目，處處高質量是不可能的。

那麼，Angular中有哪些東西可以了解一下呢？

– 數據變更的監測方式有哪些，Angular採用了什麼，有什麼好處，有什麼壞處，如何處理數據變更中產生的異常？如何避免不收斂的數據變更？Knockout和Vue分別怎麼做的，他們為什麼要這樣做？

– 作用域樹、作用域之間的繼承、作用域上的事件、賦值分別是怎樣實現的

– 表達式如何動態解析，如何避免不安全的表達式？

– 數據如何跟DOM建立關聯？索引如何建立，如何確定唯一索引，如何顯式指定索引？

– 常用的事件是如何封裝的？

– 模塊和依賴注入是怎麼實現的？是否確有必要？

其實上面都不重要，想更好地學習，請買這本書：Build Your Own AngularJS

30-39$，200塊錢左右，不要覺得貴，學懂任何一章都能讓你身價上漲不少，尊重知識，尊重自己，大家一起做上進的好碼農～

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/244685.html