Angular 2 imooc 學習筆記

2022-08-23 23:30:13 字數 1653 閱讀 1364

一、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開頭...