奇舞js筆記——第1課——js概述（八卦）

標籤：native   nod   地址   ppt   純粹   視頻   利用   tps   targe   

 

註：

 

1.學習視頻地址

2.ppt地址

3.個人感想：

 　　是我hin厲害的師父推薦我看的月影大大的視頻，感覺對於我這個小白來說，真的是一遍又一遍的重新整理知識面。我覺得像月影大大這種大佬的思路，我接觸之後真的是受益匪淺。

　　所以我總結出來不僅是自己記筆記，也是想分享給想要成為真正的前端“工程師”的前端er。

　　真的很珍惜這種知識面被重新整理的感覺——越學習，越感到自己無知，共勉。

目錄 

1.js簡史

2.js特點

3.js做什麼

4.js系語言

5.誰在用js

6.奇舞課程主要內容

7.奇舞課程不講的內容

8.相容性查看(Mark)

 

本文 1. 簡史

 

 

最開始網景叫livescript，後來IE叫JScript，當時java正當紅，所以改了個名字抱大腿（但其實和java沒半毛錢關係）

1997年ECMA組織標準化了ecmascript

之前的瀏覽器大多支援ES3，最近幾年es5，現在W3C每年都會推出一個版本的ES，比如名字叫ES2017。

時間軸：

 

 

空窗期有JS2/ES4因為各種原因（包括xhtml，想拋棄一些標準，不被接受）掛掉了。

 

 

2. js特點

動態 + 弱類型

解釋型或Just-In-Time 編譯（JIT）型語言（純粹的解釋型會很慢，所以有了jitJust-In-Time 編譯技術）

物件導向（ES6之前通過原型實現，ES6之後就有class）

函數式特徵（過程抽象等等）

靈活和可擴充性（可自訂對象屬性，屬性的唯讀性，迭代器等等）

反射與元編程

高效能（能很好的利用單個CPU的能力，很多情境下比如nodejs比php效能好）

單線程非同步非阻塞

3. js做什麼

（通過 DOM）改變網頁文件項目和屬性

（通過 BOM）操作瀏覽器 api

（事件機制）響應使用者行為

（XHR、Fetch、WS）發送和接收資料

（Storage）儲存資料和狀態

（Timer、Promise）執行非同步任務

（ArrayBuffer、TypedArray）處理資料

（File API）操作檔案

 

4. js系語言

 

 

 （編譯成js）

 

5. 誰在用js

 

 

瀏覽器

服務端nodejs、

用nodejs執行工程化、

樹莓派（單板電腦，硬體，可以部署node，跑js），

資料庫mongoDB，

可以用react native寫ios/andriod程式、

開發遊戲（cocos2d）

 

總結：js跨平台的趨勢比java要好（非引戰hhh）

 

6. 奇舞課程主要內容

符合 ECMA-262 （ES6）最新規範 的 JavaScript，不迴避新特性（向前看）

基本類型、原生類型、瀏覽器 API、Node API

大部分語言特性（特別是ES5 及 之前的版本在 chrome 40 以上已完全支援）

重點講 JavaScript 的專屬特性及其應用情境，以實際工作常見和常用的為主

重點講函數、物件導向、過程抽象和函數式，總之能發揮 JS 動態特性的常見模式

會涉及到語言基礎、運行環境（比如瀏覽器環境、Node）

會涉及到部分後端、HTTP 請求相關內容，這些內容對前端工程師高品質完成工作也是很有必要的。

 

 

 

 

7. 奇舞課程不講的內容

過時的不符合規範的特性，比如 ES3 和之前版本裡被廢棄和修正的部分

基礎通用的程式設計語言特性，比如常見的基本 if、for、while、switch 語句

一些稍微不那麼複雜，可以自學，工作中也會用到的內建類型，比如 Date

具體架構的使用，課程中例子可能會用到，但不會系統講，因為這部分內容可以看文檔

其他一些因為時間限制不可能面面俱到的細節，建議閱讀 MDN 文檔（很全，翻譯了很多） 或者是相關教程

推薦的書：紅寶書和犀牛書

 

8. 相容性查看

速查：http://kangax.github.io/compat-table/es5/

 

相容性處理方案：

方案 1： shim & polyfill

https://github.com/es-shims/es5-shim 

https://github.com/es-shims/es6-shim? ??????

https://polyfill.io/ 

 

方案 2： library

實際項目裡對於相容 IE8 以下瀏覽器建議使用 jQuery（不太複雜）

 

方案 3：Babel / JSX / TypeScript...

 

奇舞js筆記——第1課——js概述（八卦）