前端开发 学习资源整理

🎉Vue构建大型单页面电商应用 开源啦!点我看源码🚀🚀

整理最有趣的前端技术教程及文档，欢迎大家都来补充让更多的多学找到学习一手好资料。
我的前端进阶Blog
如果你学到了知识,不妨随手点个星…

前端工具

• Git
  1. 入门篇
  2. 高级篇
  3. 索引篇
  4. 原版
  5. 原版翻译
  6. Git 的奇技淫巧
• Webpack
  1. 文档
  2. 插件
• Paracle
  1. 文档
• Gulp
  1. 文档
• Grunt
  1. 文档
• Rollup
  1. 文档
• Browserify
  1. 官方文档
• Lerna
  1. 官方文档
  2. 入门介绍
• 代码质量
  1. vue eslint
  2. htmlhint
  3. stylelint
• http-server
  1. 静态服务器
• ast
  1. 业界 AST 库
• 自动化测试
  1. jest
• Docker
  1. 发布 Node 程序
  2. Docker 从入门到实践
• 逆向工程
  1. 压缩逆向恢复

前端框架

• Vue

  1. 基本教程
  2. 路由
  3. Vuex
  4. SSR
  5. Nuxt.js
  6. Vue 源码分析·免费

• React

  1. 文档
  2. Redux 官方文档
  3. Redux 中文社区
  4. Next.js
  5. Next.js 中文文档
  6. Next.js 掘金博客

• Angular

  1. 官方文档

• Riot

  1. 文档

• Koa

  Express 升级后的框架，抽象设计更彻底，强大、自由、灵活

  1. 文档
  2. Koa2 进阶学习笔记
  3. 基于 Koa2 搭建 Node.js 实战项目教程

• Express

  Node.js 开发最容易上手的业务应用开发框架

  1. 文档

• MobX

  简单、可扩展的状态管理

  1. 教程

• RxJS

  函数式编程最经典的框架

  1. 中文文档

• Three.js

  3D 和游戏必用的 JS 库

  1. 官方网站
  2. 基础入门-中文网
  3. 中文文档+示例

• 数据图表

  数据图表中最强的类库

  1. D3 官方网站
     2. 中文文档
  2. network 图表
  3. MapBox

• HTML5 动画库

  标准动画库和 SVG 动画库

  1. Raphael
  2. segment
  3. GSAP
  4. anime
  5. 免费 SVG 图标
  6. 跨端动画方案

• 视频播放器

  好用的视频播放器

  1. xgplayer
  2. video.js
  3. mediaelement

前端技术

• 内存泄漏
  1. JavaScript 内存泄露和 CSS 优化
  2. 内存泄漏

CSS 教程

• Less
  1. 文档
• Sass
  1. 文档
• CSS3 布局
  1. 学习布局

JavaScript 教程

• ES6
  1. 权威教程:ECMAScript 6
  2. 入门教程
• Node
  1. 官方网站
  2. 官方教程
• ES3
  1. 入门教程
• ES5
  1. ES5 新特性与 ES3 的对比
  2. ES5 新特性博客

服务端教程

• Nginx 入门
• Nginx 入门与精通（高级）
• Nginx 配置大全
• Dgraph
• GraphQL

好玩的网站

• 刷题的酷站：leetcode
• 各种精美的微型前端库
• 代码高亮

开源图标

• NPM 图标
• 小图标
• 免费 SVG
• 免费 矢量图

视频技术

• flv 转 fmp4
• MSE
• webassembly
• asm.js

动画技术

• lottie
• 贝塞尔曲线扫盲
• 帧补偿工具
• 简单的动画库
• webassembly
• asm.js

游戏方向

• 3D 编辑器
• cocos2d 引擎
• three.js
• unity3d
• webassembly
• asm.js
• Babylon.js

硬件方向

• Robotics & IoT Platform

神秘工具

• 表格工具
• shelljs
• ip 离线库
• 录屏转 gif 工具
• 图片服务
• 免费图标
• 在线转换字体
• 数据转图片

文档&文章

• 会议 PPT
• 技术文档

数据

• 全国 POI 信息数据库
• 力扣数据结构与算法