封面攝於環島公路
將 Google 書籤欄資料夾繪製了腦圖，會梳理出三篇文章：
- 基礎技能
- 規範、效能、工具 （待整理）
- 優秀前端圈、各大公司面試集錦 （待整理）
基礎技能
HTML
| 名稱 | 其他 |
|---|---|
| W3Cschool | 權威，舒適的排版，「擴充套件欄目」問答討論區、速查詞典。 |
| 菜鳥教程 | 線上例項，邊練習效果更佳。 |
CSS
| 名稱 | 其他 |
|---|---|
| 慕課網 免費教程 | css 還是需要動手實操，免費，梯度學習。 |
| 張鑫旭 css相關 | 各種 css 騷操作，美女配圖瞭解下。 |
| css 速查手冊 | 來自 css 魔法哥。 |
| CSS佈局說——可能是最全的 | 文章 css 佈局總結。 |
| 一篇全面的CSS佈局學習指南 譯 | 文章 css 佈局總結。 |
| Flexbox佈局語法速查手冊 | 程式碼 + 效果預覽很直觀，Flex 現代瀏覽器佈局必備。 |
| FLEXBOX FROGGY | 通過闖關的形式學習 Flex 彈性佈局。 |
| CSS3動畫詳解 | 老文章依然有很多幹貨。 |
| 學習Less-看這篇就夠了 | Less 入門。 |
| Sass_入門精通 | “大漠”老師 W3C Plus 站點下 Sass 欄目。 |
| Postcss 快速入門 | 生成雪碧圖 skrskr。 |
| web app 一分鐘適配 iPhone X | 前端觀察 更新比較少了。 |
| lottie-ios | 大廠出品，花裡胡哨，感覺挺酷就放上來了。 |
JavaScript
| 書籍 |
|---|
| JavaScript DOM程式設計藝術 |
| JavaScript高階程式設計（第3版） |
| 你不知道的JavaScript |
| JavaScript忍者祕籍 |
| 名稱 | 其他 |
|---|---|
| jQuery API 中文文件 | JQuery 還不算過時吧。 |
| jQuery 原始碼解析 | PDF 下載。 |
| ECMAScript 6 入門 | 阮師傅的作品，es6 入門手冊。 |
| Babel | 高階語法相容性還得考慮。 |
| ES6 class | 繼承、封裝元件。 |
| warriorjs | 一個令人激動的程式設計和人工智慧遊戲。 |
JS 框架
Vue
| 名稱 | 其他 |
|---|---|
| Vue CLI3 | Vue 快速開發腳手架。 |
| VeeValidate | Vue 表單驗證庫。 |
| Nuxt.js | Vue.js 服務端渲染解決方案。 |
| Vue-i18n | Vue 國際化解決方案。 |
| Vue.Draggable | Vue 拖拽工具庫。 |
| Vue 生命週期詳解 | 《05-Vue入門系列之Vue例項詳解與生命週期》—— 老馬自嘲 |
| Vue 雙向繫結原理及實現 | 《vue的雙向繫結原理及實現》—— 最騷的就是你 |
| VirtualDOM與diff | 《VirtualDOM與diff(Vue實現)》—— 染陌同學 |
| Vue-cli腳手架中webpack配置基礎檔案詳解 | 《vue-cli腳手架中webpack配置基礎檔案詳解》—— 切圖妞 |
| Vue.js最佳實踐（五招讓你成為Vue.js大師） | 《Vue.js最佳實踐（五招讓你成為Vue.js大師）》—— zach5078 |
| Vue-i18n ，vue專案中如何實現國際化 | 基礎實踐講解。 |
| Vue2.0 知識點整理 | 《Vue2.0八——知識點整理》—— Cymiran |
| Vue.js原始碼分析 | 重磅！染陌同學 |
| Vue技術內幕 | 用心之作! HcySunYang |
| Vue.js 元件編碼規範 | Vue 中元件開發的參考規範，值得閱讀。 |
React
*（正在學的路上）
| 名稱 | 其他 |
|---|---|
| React實戰進階45講 | 極客時間付費視訊，質量很好。 |
| Rekit | 快速構建，線上開發 React 專案。 |
| Rekit Demo | Demo |
| react-pxq | 找到的開源的完整的 React 專案 |
UI 框架
| 名稱 | 其他 | 推薦指數 |
|---|---|---|
| VUM | vue-mobile 微信風格的移動端 UI 庫。 | ⭐️⭐️ |
| weui | Tencent 官方出品的移動端樣式庫，微信、小程式開發用庫。 | ⭐️⭐️⭐️️⭐️ |
| Mint UI | ElemeFE 出品，移動端樣式庫，真香。 | ⭐️⭐️⭐️️⭐️ |
| Element | ElemeFE 出品，前端開發必備。 | ⭐️⭐️⭐️️⭐️️⭐️ |
| Layui | 模組化前端 UI 解決方案，設計感覺舒服。 | ⭐️⭐️⭐️️ |
| ZanUI | 多端適配，元件豐富，支援有贊多條業務線。 | ⭐️⭐️⭐️️ |
| IView | 一套基於 Vue.js 的高質量 UI 元件庫。on-search 事件瞭解下 。 | ⭐️⭐️⭐️️⭐️ |
| Ant-Design | 支付寶出品。還在抱怨官網開啟慢，可能是開啟的方式不對，試試這個連結？！ | ⭐️⭐️⭐️️⭐️️⭐️ |
| 阿里巴巴向量圖示庫 | 你想要的她都沒有，你想要的真多。 | ⭐️⭐️⭐️️⭐️️⭐ |
* 備註
關於以上幾個方面，有好的存貨 ?，請告訴我們吧 ?，我會選擇性分享在上面。