「整理」前端微知識庫 —— 基礎技能

封面攝於環島公路

將 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	支付寶出品。還在抱怨官網打開慢，多是打開的方式不對，試試這個連接？！	⭐️⭐️⭐️️⭐️️⭐️
阿里巴巴矢量圖標庫	你想要的她都沒有，你想要的真多。	⭐️⭐️⭐️️⭐️️⭐

* 備註

關於以上幾個方面，有好的存貨 🎉，請告訴咱們吧 👏，我會選擇性分享在上面。