前端

JS

• MDN-JavaScript 文档 (opens new window)

• 汤姆大叔-深入理解 JavaScript 系列 (opens new window)

• 悟透 JavaScript (opens new window)

• 反思闭包 (opens new window)

• 冴羽-js 系列 (opens new window)

• Js-tip (opens new window)

• 现代 JavaScript 写法 (opens new window)

• Js 黑科技 (opens new window)

• 彻底理解事件循环 (opens new window)

• Js 运行机制 (opens new window)

• Async/await (opens new window)

• Daily-js (opens new window)

CSS

• CSS-Tricks (opens new window)

• Flexbox (opens new window)

• Animate.css (opens new window)

• 全面理解 vertical-align (opens new window)

• CSS 技巧 (opens new window)

• CSS Gradient Buttons (opens new window)

• 为什么'overflow:hidden'能清除浮动 (opens new window)

• 解决 display 和 transition 冲突的方法 (opens new window)

• 基于 vw 的 rem 布局 (opens new window)

• CSS 奇思妙想 (opens new window)

• You don't need js (opens new window)

• CSS-Loading (opens new window)

• 23 个垂直居中技巧 (opens new window)

• 关于 BFC (opens new window)

• 可编程的css框架 (opens new window)

性能优化

• 页面重绘和回流以及优化 (opens new window)

• 网页性能分析不完全指南 (opens new window)

• 前端性能优化：细说浏览器渲染的重排与重绘 (opens new window)

• 浏览器的工作原理：新式网络浏览器幕后揭秘 (opens new window)

• 前端性能清单 (opens new window)

Vue

• Vue 官方文档 (opens new window)

• Vue News (opens new window)

• Awesome-vue (opens new window)

• Vue 技巧 (opens new window)

• Vue 技术内幕 (opens new window)

• Vue 源码解析 (opens new window)

• Vue.js 技术揭秘 (opens new window)

Vue 组件

• 35 个组件开源库 (opens new window)

• Vue 轮子 (opens new window)

• 拖拽缩放 (opens new window)

• 转场特效插件 (opens new window)

• 组件间共享数据插件 (opens new window)

• vue-events (opens new window)

• vue-dragging (opens new window)

• vue 可视化布局工具 (opens new window)

React-Native

• RN 中文网 (opens new window)

• 搜轮子的网站 (opens new window)

• React-navigation (opens new window)

• React-native 屏幕尺寸和文字大小适配 (opens new window)

• RN 学习指南 (opens new window)

• Awesome-RN (opens new window)

React

• React 文档 (opens new window)

• Awesome-React (opens new window)

• Mobx (opens new window)

• React 课程 (opens new window)

React 组件

• 文本编辑器 (opens new window)

• 滑动组件 (opens new window)

• transition 组件 (opens new window)

• react-motion (opens new window)

• react-spring 动画库 (opens new window)

• react-treebeard (opens new window)

• velocity-react (opens new window)

• 拖拽 (opens new window)

• 缩放 (opens new window)

webpack

• 官方文档 (opens new window)

• webpack 构建性能优化策略小结 (opens new window)

• webpack 入门 (opens new window)

• webpack 优秀中文文章 (opens new window)

• 基于 webpack 引入公共库的几种方式 (opens new window)

微信小程序

• 官方教程 (opens new window)

• mpvue (opens new window)

Web可视化

• AntV | 蚂蚁数据可视化 (opens new window)

• Apache ECharts (opens new window)

组件(插件)

• github 上实用、常用的插件和库 (opens new window)

• 67 个拯救前端开发者的工具、库和资源 (opens new window)

• github 优秀前端项目分享 (opens new window)

• 图片裁剪 (opens new window)

• cropperjs (opens new window)

• velocity 动画库 (opens new window)

• 引导工具 (opens new window)

• 另一款引导工具 (opens new window)

• 提示 tooltip (opens new window)

• toolTip && popover (opens new window)

• docute文档生成工具 (opens new window)

• docsify文档生成工具 (opens new window)

• 把元素变成可拖动的，可调整大小的，可伸缩的，可旋转的库 (opens new window)

cli 库

• 参数解析 (opens new window)

• loading (opens new window)

• download-git-repo (opens new window)

• progress (opens new window)

• 交互式命令行(question) (opens new window)

• 美化命令行 (opens new window)

• shell (opens new window)

• 预览 markdown 工具 (opens new window)

• 获取可用的端口 (opens new window)

• 参数解析 cac (opens new window)

• config 文件(零依赖) (opens new window)

• config 文件 (opens new window)

• rm (opens new window)

• 更好的 child_process (opens new window)

• 执行任务列表(yarn、yarn build) (opens new window)

• Sexy fonts for the console (opens new window)

• 监听文件改动 (opens new window)

• 在方框中显示信息 (opens new window)

• 渲染table (opens new window)

• 优雅的log (opens new window)

在线书籍

• Understanding ES6 (opens new window)

• ECMAScript6 入门 (opens new window)

• 前端开发者指南（2017） (opens new window)

• F2EDOCS (opens new window)

• You-Dont-Know-JS (opens new window)

• 免费的计算机编程类中文书籍 (opens new window)

国内著名网站

• 阮一峰网络日志 (opens new window)

• 张鑫旭博客 (opens new window)

• 月影-博客 (opens new window)

• 凹凸实验室 (opens new window)

• 达摩兵的空间 (opens new window)

• 大前端的瑞士军刀 (opens new window)

• 大搜车前端团队博客 (opens new window)

• FEX (opens new window)

• 大前端 (opens new window)

• 声享 (opens new window)

• 酷 壳 – CoolShell (opens new window)

• 龙恩 0707 (opens new window)

• 开源中国 (opens new window)

• 掘金 (opens new window)

• 推酷 (opens new window)

• 博客园 (opens new window)

• 印记中文文档 (opens new window)

国外网站

• Medium (opens new window)

• Frontendfoc (opens new window)

工具&有趣的开源项目

工具

• CodeSandbox (opens new window)

• Codepen (opens new window)

• Jsfiddle (opens new window)

• 图形化正则 (opens new window)

• AST-Explorer (opens new window)

• CanIuse (opens new window)

Github 开源项目

• GitHub 上有趣、入门级的开源项目 (opens new window)

• Markdown Emoji (opens new window)

• Emoji-Search (opens new window)

• nginx 配置一键生成 (opens new window)

• You-Dont-Need-Lodash-Underscore (opens new window)

• You-Dont-Need-Momentjs (opens new window)

• You-Dont-Need-JavaScript (opens new window)

• You-Dont-Need-jQuery (opens new window)

• Awesome-mac (opens new window)

• Git-tips (opens new window)

• Best-App (opens new window)

• JavaScript30 天小练习 (opens new window)

• JavaScript 资源大全中文版 (opens new window)

• JavaScript 开发者应懂的 33 个概念(中文版) (opens new window)

• JavaScript 开发者应懂的 33 个概念(英文版) (opens new window)

• 正则表达式在线练习 (opens new window)

• 前端库和工具收藏集 (opens new window)

值得学习的开源库

• 前端特效连载 (opens new window)

• 著名的 npm 小模块 (opens new window)

• Underscore 源码分析 (opens new window)

• Virtual-dom (opens new window)

• LeetCode solutions with JavaScript (opens new window)

• 超轻量的 className (opens new window)

• 原生 js 实现 react-hooks (opens new window)

• 零依赖工具包 (opens new window)

• js 迷你库 (opens new window)

github-30-seconds 系列

• js (opens new window)

• css (opens new window)

• interviews (opens new window)

• react (opens new window)

• python (opens new window)

• java8 (opens new window)

• php (opens new window)

面试

• 面试图谱 (opens new window)

• Front-end-Developer-Interview-Questions (opens new window)

• front-end-interview-handbook (opens new window)

• 一个程序媛的面试总结 (opens new window)

• 面试题(上) (opens new window)

• 面试题(下) (opens new window)

• 前端面试重难点 (opens new window)

• 每天一道面试题 (opens new window)

算法

• javaScript实现的算法 (opens new window)

• leetcode解题 (opens new window)

• awesome-coding-js (opens new window)

技术杂志系列

• 印记中文 (opens new window)

• d2-日报 (opens new window)

• 阿里云中台前端技术周刊 (opens new window)