*** 代表重要程度及頻率
內(nèi)容正不斷迭代更新，敬請期待~
一这难、Javascript基礎(chǔ)模塊
1. 變量類型和計算
| 知識點 | 題目 |
|---|---|
| 1.值類型vs引用類型、堆棧模型、深拷貝內(nèi)容*** 2.typeof運算符*** 3.類型轉(zhuǎn)換恢恼，truly和falsely變量 |
①. *** 值類型和引用類型的區(qū)別\type of能判斷哪些類型\如何準(zhǔn)確判斷一個變量是不是數(shù)組？ ②. *** .js 賦值胰默、淺拷貝场斑、深拷貝的區(qū)別及實例詳解 ③.*** 變量計算-類型轉(zhuǎn)換\何時使用 === 何時使用 == |
2. 原型和原型鏈
| 知識點 | 題目 |
|---|---|
| 1.Class和繼承，結(jié)Jquery的示例來理解.*** 2.instanceof *** 3.原型和原型鏈：圖示&執(zhí)行規(guī)則 |
①. ***class的原型本質(zhì)初坠，怎么理解和簸？ ②. 手寫一個簡易的的Jquery，考慮插件和擴展性 ③. 如何準(zhǔn)確判斷一個變量是不是數(shù)組碟刺？ |
3. 作用域和閉包
| 知識點（本章都很重要***） | 題目 |
|---|---|
| 1.作用域和自由變量. 2.閉包：兩種常見的方式& 自由變量查找規(guī)則. 3.this.*** |
①. ***淺析作用域锁保、自由變量、閉包. ②. ***this的不同應(yīng)用場景半沽，如何取值爽柒？. ③. ***.js手寫bind函數(shù). ④. ***實際開發(fā)中閉包的應(yīng)用場景，舉例說明（catch工具) |
4. 異步和單線程
| 知識點（本章都很重要***） | 題目 |
|---|---|
| 1. 單線程和異步者填，異步和同步的區(qū)別 2. 前端異步的應(yīng)用場景：網(wǎng)絡(luò)請求和定時任務(wù) 3. Promise解決callback hell |
① 同步和異步的區(qū)別是什么浩村？\ 前端異步的場景有哪些？ ② 手寫Promise加載一張圖片 |
| event-loop | ③ ***請描述event-loop（時間輪詢）機制 |
| Promise進階 | ④ Promise 狀態(tài)的表現(xiàn)與變化以及執(zhí)行順序 |
| async/awiat | ⑤ async/awiat 實例詳解 |
| 微任務(wù)/宏任務(wù) | ⑥ 微任務(wù)/宏任務(wù) 實例詳解 |
| 異步執(zhí)行順序 | ⑦ ***promise和setTimeout async/await順序問題 |
二占哟、Javascript-Web-API模塊
JS基礎(chǔ)知識心墅，是規(guī)定語法（ECMA 262 標(biāo)準(zhǔn)）.
JS Web API酿矢，是網(wǎng)頁操作的API（W3C標(biāo)準(zhǔn)）
前者是后者的基礎(chǔ)，兩者結(jié)合才是真正實際的應(yīng)用
1. DOM-文檔對象模型
| 知識點 | 題目 |
|---|---|
| DOM本質(zhì). DOM節(jié)點操作. DOM結(jié)構(gòu)操作. DOM性能*** |
DOM的本質(zhì) \ DOM節(jié)點操作 \ attr和property的區(qū)別. DOM結(jié)構(gòu)操作. ***一次性插入多個DOM節(jié)點怎燥，考慮性能 |
2. BOM 瀏覽器對象模型
| 知識點 | 題目 |
|---|---|
| navigator 瀏覽器的信息. screen 屏幕的信息. location 地址的信息. history 前進后退的信息. |
navigator瘫筐、screen、location铐姚、history對象 \ 如何識別瀏覽器的類型 \ 分析拆解URL的各個部分. |
3. 事件綁定
| 知識點 | 題目 |
|---|---|
| 事件綁定. 事件冒泡 事件代理*** |
描述事件冒泡的過程 \ 動態(tài)數(shù)據(jù)列表里策肝，如何監(jiān)聽每條數(shù)據(jù)的點擊？. ***手寫通用的事件監(jiān)聽函數(shù) |
4. ajax
| 知識點 | 題目 |
|---|---|
| XMLHttprequest. 狀態(tài)碼. ***跨域：同源策略隐绵，跨域解決方案 |
手寫一個簡易的ajax. ***AJAX跨域問題講解 |
5. 存儲
| 知識點 | 題目 |
|---|---|
| cookie. localStorage sessionStorage |
localStorage之众、sessionStorage、Cookie的區(qū)別 |
三依许、開發(fā)環(huán)境
| 知識點 | 題目 |
|---|---|
| ***git 調(diào)試工具 **抓包 ***webpack babel ***linux常用命令 連接測試機 KOA |
*** 前端常用的開發(fā)環(huán)境核心內(nèi)容整理[ git/chrome/h5抓包/webpack/linux ] |
四棺禾、運行環(huán)境
| 知識點 | 題目 |
|---|---|
| ***網(wǎng)頁加載過程 | *** 從輸入url到渲染頁面的整個過程 |
| ***性能優(yōu)化 | ***前端性能優(yōu)化的方式 ***防抖節(jié)流函數(shù)封裝 |
| 安全 | 常見的web前端攻擊方式有哪些？ |
五悍手、HTTP模塊
| 知識點 | 題目 |
|---|---|
| 狀態(tài)碼 methods Restful API header |
HTTP基礎(chǔ)面試題[狀態(tài)碼\Methods\Restful API\header] |
| 描述http的緩存機制***** | *****Http緩存詳解 |
六帘睦、真題模擬
| 知識點 | 題目 |
|---|---|
| 對象（Object.keys()）、數(shù)組坦康、 遞歸 | 手寫深度比較 |
| map竣付、parseInt方法參數(shù)詳解 | [10,20,30].map(parseInt)返回結(jié)果解析 |
| 正則匹配、拆分數(shù)組滞欠、URLSearchParams | 獲取當(dāng)前頁面url參數(shù)的三種方法 |
| concat()古胆、遞歸 | 手寫數(shù)組flatern數(shù)組拍平，考慮多層級 |
| 遍歷筛璧、set | 數(shù)組去重有幾種方式逸绎？ |
| 數(shù)組 | js數(shù)組方法整理 |
