「整理」前端微知识库 —— 基础技能

封面摄于环岛公路

将 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	支付宝出品。还在抱怨官网打开慢，可能是打开的方式不对，试试这个链接？！	⭐️⭐️⭐️️⭐️️⭐️
阿里巴巴矢量图标库	你想要的她都没有，你想要的真多。	⭐️⭐️⭐️️⭐️️⭐

* 备注

关于以上几个方面，有好的存货 ?，请告诉我们吧 ?，我会选择性分享在上面。

转载于:https://juejin.im/post/5b758412f265da27f65893ed