* 首先是前端最基礎的板塊**HTML&CSS**。其實,在實際的筆面試中,這部分單獨考察的比例不算高,大廠會更偏愛考察**場景設計題**,也就是需要利用這些簡單的知識解決復雜的問題。不用害怕,設計題不需要臨場的創新,只需要不斷地訓練,熟能生巧,因為設計的結果遠不如清晰的設計思路重要,經過**不斷地鞏固基礎并且有針對性地練習**之后就可以在面試中很快地得到思路,展開清晰流利地介紹,并且和面試官共同思考改進(爆燈加分的關鍵)。
* 所以本章節將從html、瀏覽器、css三大基礎展開介紹,然后列出常見的以及我在面試中遇到過的所有場景設計題,在解決問題的過程中實現基礎的鞏固和工程性的拔高。
* **小tip**:由于我最開始就是從html這里入門,所以這部分也學得很仔細,尤其是html5的新特性,每次向面試官展開介紹時,都能收獲對方驚訝的目光,所以,一定要在掌握所有基礎內容的前提下,**擁有并且熟悉自己的冷門閃光點**,給勞累的面試官帶來點意外驚喜,經歷了那么多白開水似的面試體驗,他一定會給你打個高分。
- 引言
- 一、HTML&CSS
- 1.html
- 2.瀏覽器
- 3.CSS
- 4.場景設計
- 二、JS
- 1.JS基礎
- 2.原型和原型鏈
- 3.異步和單線程
- 4.閉包和作用域
- 三、ES6
- 1.ES6新增語法
- 1.let
- 2.Symbol
- 3.解構賦值
- 4.字符串API
- 5.數組API
- 6.map和reduce
- 7.對象API
- 8.Map和WeakMap
- 9.Set和WeakSet
- 10.Map、Set與Array及Object
- 11.Proxy和Reflect
- 12.Proxy雙向綁定
- 2.ES6函數和異步
- 0.Class
- 1.函數的擴展
- 2.箭頭函數
- 3.類
- 4.Decorator
- 5.模塊化開發
- 6.異步實現方式
- 7.Promise
- 8.Iterator
- 9.Generator
- 10.async
- 11.Promise-Generator-async
- 四、運行環境
- 1.網絡基礎
- 2.web安全
- 3. 性能優化
- 3-1.頁面渲染優化
- 3-2.JS性能優化
- webpack優化
- 3-3.網絡優化
- CDN
- 3-4 SEO優化
- 4. 瀏覽器兼容性
- 5. 移動端題目
- 6. 錯誤監控
- 7. 垃圾回收與內存泄露
- 8. 單頁路由
- 五、類庫框架
- 1. Vue
- 1-1. jquery和vue
- 1-2. react和vue
- 1-3. 微信小程序與vue
- 生命周期
- 組件傳值
- 雙向綁定解析
- 2. 微信小程序
- 六、構建工具
- 1. webpack
- 常用loader
- babel
- 2. rollup
- 七、nodejs
- 基礎
- npm包管理工具
- 八、模塊化
- 1. 模塊化
- 2. 模塊意義
- 3. AMD-requirejs
- 4. CommonJS
- 5. ES6模塊化之babel
- 九、拓展
- 1. Graphql
- 2. Apache
- 十、代碼輸出問題
- 內容
- 結語