一、angularjs的發展歷史
12年6月,angularjs 1.0.0正式版推出:雙向繫結、依賴注入、指令
angularjs 1.3.x放棄支援ie8瀏覽器:推出了單詞繫結語法
angularjs 1.5.x 增加類似元件式書寫體驗:為過渡angular2做鋪墊
angularjs 1.x的困境
(1)效能問題
(2)落後於當前web發展理念(如元件開發方式)
(3)對手機端支援不夠友好
angular2萌生——2023年9月發布
新特性(1)移除controller+¥scope設計,改用元件式開發(更容易上手)
(2)效能更好(渲染更快,變化檢測效率更高)
(3)優先為移動應用設計(angular mobile toolkit)
(4)更加貼合未來的標準(如es6/7、webcomponent)
無縫公升級方案 - upgradeadapter
二、angular 2的核心概念詳解
八個核心元件:
模組、元件、元資料、模板、資料繫結、服務、指令、依賴注入
指令:elementref模板元素的引用 renderer輔助渲染
@directive定義指令 @component定義元件
依賴注入:
模組:(1)框架**以模組形式組織(檔案模組)
(2)功能單元以模組形式組織(應用模組)
服務的注入是全域性的,服務不在模組的匯入和匯出範疇,因為服務作用於模組時是作用於全域性的,所有的元件都可以直接使用模組中的服務
三、angular快速入手
typescript簡述
開發環境準備:
1、node.js:推薦使用6.0以上的版本
2、webpack:npm install -g webpack
webpack打包工具,根據入口模組進行模組。
Angular2學習 安裝
在安裝angular2的時候需要使用npm,npm是nodejs的包管理器,因此首先我們需要檢查node安裝與否 1 檢查nodejs和npm 1 node v 輸出 v10.2.0 版本號 代表已安裝,否則未安裝,未安裝則安裝node 2 npm v 輸出版本號代表已安裝,否則未安裝 2 安裝no...
angular2 學習路程
ps 剛剛搭建angular2 框架 記錄下學習路徑 和 遇到的問題 步驟 1.準備環境 node npm 包管理工具 node v 檢查是否成功 2.安裝全域性 angular cli 執行 npm install g angular cli g 全域性 開啟ng服務 5.瀏覽器開啟 localh...
Angular2入門學習
最近專案使用angular2,1和2版本變化大變樣。下面總結一些學習 及安裝步驟。中文官網 必看 懶人學習 支援bootstrap ui元件 安裝環境,首先需要安裝cli,記得全域性安裝 angular cli安裝 npm install g angular cli cli安裝後,我們可以用ng開頭...