# fe-material

**Repository Path**: kevin402502/fe-material

## Basic Information

- **Project Name**: fe-material
- **Description**: 整理收集最有趣的前端技术教程及文档
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-06-17
- **Last Updated**: 2023-12-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## fe-material

整理最有趣的前端技术教程及文档，欢迎大家都来补充让更多的多学找到学习一手好资料

### 前端工具

- Git
  1. [入门篇](https://backlog.com/git-tutorial/cn/intro/intro1_1.html)
  2. [高级篇](https://backlog.com/git-tutorial/cn/stepup/stepup1_1.html)
  3. [索引篇](https://backlog.com/git-tutorial/cn/reference/)
  4. [原版](https://www.atlassian.com/git/tutorials/merging-vs-rebasing)
  5. [原版翻译](https://github.com/geeeeeeeeek/git-recipes/wiki/1.1-%E6%9E%9C%E5%A3%B3%E4%B8%AD%E7%9A%84-Git)
  6. [Git 的奇技淫巧](https://github.com/cucygh/git-tips)
- Webpack
  1. [文档](https://doc.webpack-china.org/concepts/)
  2. [插件](https://doc.webpack-china.org/plugins/)
- Paracle
  1. [文档](https://parceljs.org/)
- Gulp
  1. [文档](https://www.gulpjs.com.cn/)
- Grunt
  1. [文档](http://www.gruntjs.net/)
- Rollup
  1. [文档](http://www.rollupjs.com/)
- Browserify
  1. [官方文档](http://browserify.org/)
- Lerna
  1. [官方文档](https://github.com/lerna/lerna)
  2. [入门介绍](https://www.jianshu.com/p/63ec67445b0f)
- 代码质量
  1. [vue eslint](https://mysticatea.github.io/vue-eslint-demo/)
  2. [htmlhint](https://htmlhint.io/)
  3. [stylelint](https://stylelint.io/)
- http-server
  1. [静态服务器](https://www.npmjs.com/package/http-server)
- ast
  1. [业界 AST 库](https://github.com/cucygh/AST-)
- 自动化测试
  1. [jest](https://jestjs.io/zh-Hans/)
- Docker
  1. [发布 Node 程序](https://nodejs.org/zh-cn/docs/guides/nodejs-docker-webapp/)
  2. [Docker 从入门到实践](https://yeasy.gitbooks.io/docker_practice/introduction/why.html)
- 逆向工程
  1. [压缩逆向恢复](http://www.jsnice.org/)

### 前端框架

- Vue
  1. [基本教程](https://cn.vuejs.org/)
  2. [路由](https://router.vuejs.org/)
  3. [Vuex](https://vuex.vuejs.org/)
  4. [SSR](https://ssr.vuejs.org/)
  5. [Nuxt.js](https://zh.nuxtjs.org/)
  6. [Vue 源码分析·免费](http://hcysun.me/vue-design/)
- React
  1. [文档](https://doc.react-china.org/)
  2. [Redux 官方文档](http://cn.redux.js.org/)
  3. [Redux 中文社区](http://www.redux.org.cn/)
  4. [Next.js](https://zeit.co/blog/next4)
  5. [Next.js 中文文档](http://nextjs.frontendx.cn/docs)
  6. [Next.js 掘金博客](https://juejin.im/entry/59791d8f6fb9a03c391b557e)
- Angular
  1. [官方文档](https://angular.cn/)
- Riot
  1. [文档](http://riotjs.com/v2/zh/)
- Koa
  > Express 升级后的框架，抽象设计更彻底，强大、自由、灵活
  1. [文档](https://koa.bootcss.com/)
  2. [Koa2 进阶学习笔记](https://chenshenhai.github.io/koa2-note/)
  3. [基于 Koa2 搭建 Node.js 实战项目教程](https://github.com/ikcamp/koa2-tutorial)
- Express
  > Node.js 开发最容易上手的业务应用开发框架
  1. [文档](http://expressjs.com/zh-cn/)
- MobX
  > 简单、可扩展的状态管理
  1. [教程](http://cn.mobx.js.org/)
- RxJS
  > 函数式编程最经典的框架
  1. [中文文档](http://cn.rx.js.org/)
- Three.js
  > 3D 和游戏必用的 JS 库
  1. [官方网站](https://threejs.org/)
  2. [基础入门-中文网](http://www.hewebgl.com/article/articledir/1)
  3. [中文文档+示例](https://teakki.com/p/58a3ef1bf0d40775548c908f)
- 数据图表
  > 数据图表中最强的类库
  1. [D3 官方网站](https://d3js.org/)
        2. [中文文档](https://github.com/xswei/d3js_doc)
  2. [network 图表](http://visjs.org/)
  3. [MapBox](https://www.mapbox.com/)
- HTML5 动画库
  > 标准动画库和 SVG 动画库
  1. [Raphael](http://dmitrybaranovskiy.github.io/raphael/)
  2. [segment](http://lmgonzalves.github.io/segment/)
  3. [GSAP](https://greensock.com/gsap)
  4. [anime](http://animejs.com/)
  5. [免费 SVG 图标](https://icomoon.io)
  6. [跨端动画方案](https://svga.io/)
- 视频播放器
  > 好用的视频播放器
  1. [xgplayer](https://github.com/bytedance/xgplayer)
  2. [video.js](https://github.com/videojs/video.js)
  3. [mediaelement](https://github.com/mediaelement/mediaelement)

### 前端技术

- 内存泄漏
  1. [JavaScript 内存泄露和 CSS 优化](https://github.com/cucygh/js-leakage-patterns?organization=cucygh&organization=cucygh)
  2. [内存泄漏](https://developers.google.com/web/tools/chrome-devtools/memory-problems/?hl=zh-cn)

### CSS 教程

- Less
  1. [文档](http://less.bootcss.com/)
- Sass
  1. [文档](http://sass.bootcss.com/docs/sass-reference/)
- CSS3 布局
  1. [学习布局](http://zh.learnlayout.com/)

### JavaScript 教程

- ES6
  1. [权威教程:ECMAScript 6](http://es6-features.org/#Constants)
  2. [入门教程](http://es6.ruanyifeng.com/)
- Node
  1. [官方网站](http://nodejs.cn/)
  2. [官方教程](http://nodejs.cn/api/)
- ES3
  1. [入门教程](http://www.runoob.com/js/js-tutorial.html)
- ES5
  1. [ES5 新特性与 ES3 的对比](http://www.hahack.com/wiki/javascript-es5.html#es5-%E7%9A%84%E6%96%B0%E7%89%B9%E6%80%A7)
  2. [ES5 新特性博客](http://pij.robinqu.me/JavaScript_Core/ECMAScript/es5.html)

### 服务端教程

- [Nginx 入门](http://cnt1992.xyz/2016/03/18/simple-intro-to-nginx/)
- [Nginx 入门与精通（高级）](http://tengine.taobao.org/book/#)
- [Nginx 配置大全](https://nginxconfig.io/)
- [Dgraph](https://dgraph.io/)
- [GraphQL](https://graphql.cn/)

### 好玩的网站

- [刷题的酷站：leetcode](https://leetcode.com/)
- [各种精美的微型前端库](http://microjs.com/)
- [代码高亮](https://c7sky.com/syntax-highlighting-with-prismjs.html)

### 开源图标

- [NPM 图标](https://nodei.co/)
- [小图标](https://shields.io/)
- [免费 SVG](https://icomoon.io/app/#/select)
- [免费 矢量图](http://www.iconfont.cn/)

### 视频技术

- [ flv 转 fmp4 ](https://blog.csdn.net/g332065255/article/details/71158863)
- [ MSE ](https://www.w3.org/TR/media-source/)
- [ webassembly ](https://webassembly.org/)
- [asm.js](http://asmjs.org/)

### 动画技术

- [lottie](http://airbnb.io/lottie/)
- [贝塞尔曲线扫盲](http://www.html-js.com/article/1628)
- [帧补偿工具](https://gka.js.org/#/?id=%E5%AE%89%E8%A3%85)
- [简单的动画库](http://dynamicsjs.com/)
- [webassembly](https://webassembly.org/)
- [asm.js](http://asmjs.org/)

### 游戏方向

- [3D 编辑器](https://docs.blender.org/manual/zh-hans/dev/getting_started/index.html)
- [cocos2d 引擎](http://www.cocos.com/docs/native/)
- [three.js](https://threejs.org/)
- [unity3d](https://unity3d.com/cn)
- [webassembly](https://webassembly.org/)
- [asm.js](http://asmjs.org/)
- [Babylon.js](https://github.com/BabylonJS/Babylon.js)

### 硬件方向

- [Robotics & IoT Platform](http://johnny-five.io/)

### 神秘工具

- [表格工具](https://help.gnome.org/users/gnumeric/stable/gnumeric.html#chapter-welcome)
- [shelljs](https://github.com/shelljs/shelljs)
- [ip 离线库](https://www.ipip.net/)
- [录屏转 gif 工具](https://getkap.co/)
- [图片服务](https://picsum.photos/)
- [免费图标](https://www.easyicon.net/)
- [在线转换字体](https://transfonter.org/)
- [数据转图片](https://quickchart.io/)

### 文档&文章

- [会议 PPT](https://myslide.cn/)
- [技术文档](https://devdocs.io/)

### 数据

- [全国 POI 信息数据库](http://www.poilist.cn/)