前端進階必備知識彙總

Html:

1. 語義化
2. 三欄佈局
3. H5和C3新特性

Css:

1. 盒模型
2. 盒子居中方式
3. 移動端佈局響應式佈局
4. 渲染原理
5. BFC
6. px,em,rem
7. em和rem區別
8. flex佈局
9. 瀑布流佈局

JavaScript:

1. 完全搞懂你不懂的js基礎
2. 深淺拷貝
3. 異步編程的實現方式
4. es5和es6繼承的區別
5. 正則表達式
6. promise原理
7. js設計模式
8. 模塊化
9. typeof和instanceof
10. 類數組和數組
11. 函數防抖節流
12. 數組扁平化

Vue:

1. 路由鉤子，生命週期
2. vue-router原理
3. history、哈希(hash)區別和原理
4. 怎麼監聽哈希值改變的: hashChange事件
5. vuex使用場景
6. vue組件的通信方式
7. v-model原理
8. v-if和v-show區別
9. MVVM模式
10. vue和react區別
11. 動態路由
12. vuex頁面刷新數據沒有保留
13. keep alive與哪一個鉤子函數有關
14. vue動態添加屬性
15. 組件封裝
16. template編譯
17. data爲何是方法
18. Virtual Dom和v-node
19. computed原理和watch區別
20. eventbus原理
21. 路由懶加載
22. vue項目優化

Es6:

1. proxy和vue3.0
2. generator原理
3. 箭頭函數
4. 裝飾器

Webpack:

1. 反向代理
2. webpack性能優化
3. 按需加載原理
4. webpack打包原理
5. plugin
6. gulp區別
7. 配置多頁項目
8. loader和plugin和簡介，經常使用的loader和plugin

http:

1. 跨域
2. http介紹，http協議緩存
3. 性能優化
4. http,https.http2區別
5. 對稱加密和非對稱加密
6. 瀏覽器渲染機制
7. tcp

安全:

1. xss和csrf

項目開發中遇到的問題:

一 移動端：

1. 移動端1像素邊框問題

2. 300毫秒延遲

3. 安卓機 input/textarea輸入鍵盤遮蓋輸入框

4. 微信H5頁面兼容性解決方案

   未完待續...