Angular12 學習angular2前的熱身準備

1 ECMA　European Computer Manufactures Association 

　　這個組織的目標是評估，開發和承認電信和計算機標準。

　　百度百科：點擊前往

　　ECMA65：知足ECMA標準的第五代JavaScript，全部瀏覽器都支持

　　ECMAS6：知足ECMA標準的第六代JavaScript，大部分支持（重點學習ES6）

　　注意：能夠利用babel將ES6編譯成ES5，而後就能夠在全部的瀏覽器中使用啦

 

2 TC39

　　ECMA技術委員會名稱，受特許解決JavaScript語言相關事宜。 

 

3 ECMAS6重要知識點

　　推薦阮一峯的書籍：點擊前往

　　塊級做用域

　　多行字符串

　　箭頭函數（對this的處理）

　　Class的getter和setter方法

　　靜態屬性、動態屬性

　　裝飾器

　　模塊化、import、export

 

4 TypeScript重要知識點

　　

　　TypeScript中文官網：點擊前往

　　繼承

　　接口

　　裝飾器

　　getter、setter

　　類

　　模塊

　　模塊解析

 

5 RWD responsive web design

　　響應式網站設計(簡稱RWD)是一種新的網站設計模式，以此構建的網站可自動適應不一樣的訪問設備(從桌面電腦、平板電腦到智能手機)，方便用戶閱讀和導航瀏覽，減小用戶的放大/縮小/滑動操做，從而提供完整而友好的用戶體驗。

　　百度百科：點擊前往

　　5.1 利用響應式設計解決自動適應頁面縮放
　　5.2 響應式設計必須解決的問題：佈局、響應式圖片、響應式字體、響應式導航
　　5.3 響應式設計怎麼作
　　　　基準樣式 -> 作手機版本 -> 作平板版本 -> 作桌面版本
　　5.4 最火的RWD框架：bootstrap
　　　　bootstrap是2011開發出的一種響應式適配
　　　　網格佈局是bootstrap的核心

　　

6 與屏幕相關的概念

　　6.1 屏幕的物理尺寸：終端屏幕的實際尺寸

　　6.2 像素：點

　　6.3 PPI:一平方英寸有多少個像素點 

　　　　百度百科：點擊前往

　　6.4 視口：顯示內容的位置

　　注意：根據分辨率來設計頁面

　　 

7 前端框架簡史

　　7.1 一些前端坑

　　　　坑1：廠家大戰（瀏覽器兼容問題）

　　　　坑2：前端沒有集成開發工具

　　　　坑3：無自動化測試、自動化部署

　　　　坑4：js缺少模塊加載機制
　　7.2 一些前端福音

　　　　福音1：webstorm、node.js

　　　　福音2：框架和開發工具的出現

　　7.3 前端發展 　　　　石器時代(堆代碼)：全部代碼都寫在一個js文件中 　　　　鐵器時代(利用框架)：prototype（還算不上框架） -> jQuery（easyui/telerkui） -> yui/extjs 　　　　工業時代（node.js的出現）：node.js 　　　　移動互聯網時代（多終端兼容）：angular、reactjs