【目錄】
1.【框架與工具】
2.【CSS】
3.【JS】
4.【運行環(huán)境】
5.【HTTP與其協(xié)議】
6.【Node.js】
7.【開發(fā)與調(diào)試】
8.【監(jiān)控與分析】
9.【優(yōu)化】
10.【安全性】
11.【軟實力】
12.【新技術(shù)】
——————————————————————————————————————————————
①【框架與工具】
- vue：組件(nuxtjs/ Vue router/ Vuex)队寇、虛擬DOM
- React：React Native馋没、Reactjs
- Angular嗤栓、Jquery與Zepto怜姿、Lodash與Underscore
②【CSS】
- 動畫：animation梅忌、transition、transform、動畫庫、JS動畫(canvas/圖片)
- 布局：彈性旁钧、柵欄、浮動互拾、定位
- 響應(yīng)式設(shè)計：media query歪今、em、rem
- 預(yù)處理器：sass/less/postcss
- 命名方案：BEM颜矿、CSS Modules
- UI框架：bootstrap寄猩、element-ui、echart骑疆、weui田篇、extjs
- 選擇器
- 小知識點：iconfont替废、css樣式統(tǒng)一、IE兼容(Modenizr)
③【JS】
- 基礎(chǔ)原理：原型鏈(內(nèi)存分配/對象聲明/繼承)斯辰、事件冒泡舶担、異步隊列、閉包彬呻、函數(shù)指針this
- 打包工具：webpack、Parcel柄瑰、Gulp闸氮、Browserify
- 轉(zhuǎn)譯工具：Bable
- 編譯語言：TypeScript、ES5教沾、ES6
④【運行環(huán)境】
- 桌面環(huán)境：NW.js蒲跨、Electron
- 移動環(huán)境：PWA
- 瀏覽器環(huán)境
⑤【HTTP與其協(xié)議】
- 請求：GET/POST/OPTION
- 響應(yīng)：345xx
- 報頭：普通、實體授翻、請求或悲、響應(yīng)
- 版本：http 1.0、http 2.0
- 請求方式：XHR(原生xhr/JQuery Ajax)堪唐、FETCH(原生fetch/Axios)
- 策略：同源策略巡语、跨域(CROS/ JSONP/ fetch no-cors)
⑥【Node.js】
- 框架(express/ koa)
- 同構(gòu)
- 架構(gòu)：Restful
⑦【開發(fā)與調(diào)試】
- 開發(fā)工具：Atom、Sublime淮菠、Webstorm男公、VS code
- 單元測試：Mocha
- 數(shù)據(jù)模擬：mock.js、rap
- 功能測試：night-watch
⑧【監(jiān)控與分析】
- 異常監(jiān)控：Fundebug合陵、Better.js
- 格式監(jiān)控：EsLint枢赔、JsLint、JsHint
- 性能監(jiān)控：WebPage Test拥知、PageSpeed踏拜、PhantomJs、Chrome Tools
- 網(wǎng)絡(luò)監(jiān)控：Fiddler低剔、Charles
- 日志監(jiān)控：LogRocket速梗、LogLine
⑨【優(yōu)化】
1.搜索優(yōu)化：Web 語義化、SEO
2.性能優(yōu)化：網(wǎng)絡(luò)性能/圖片/頁面渲染/JS與CSS/協(xié)議層/存儲優(yōu)化
存儲優(yōu)化：
（1）本地儲存：locaiStroage户侥、SessionStrage镀琉、Cookie
（2）緩存：瀏覽器緩存機制(Cache-Control、Expires蕊唐、Last Modified)屋摔、H5離線緩存(manifest file)
⑩【安全性】
- 攻擊：XSS、Clickjacking替梨、CSRF
- Cookie 劫持
?【軟實力】
- 結(jié)構(gòu)化
- STAR原則
- SMART原則
?【新技術(shù)】
- WebAssembly
- Maerial Design
- WebRTC
- WebVR
