前端综合性文档和教程总结（持续更新）

时间 2019-12-10

标签前端综合性文档教程总结持续更新繁體版

原文原文链接

小弟在前端摸爬滚打一段时间，发现前端的比较好的文档比较分散，特别是中文的，我平时都是ctrl+D收藏在浏览器里，之后有好的教程和综合性的文档我会更新到这里。
一则能够作个记录，防止丢失。
二则有须要的朋友能够来我这里找一找。javascript

1. JavaScript系列：

阮一峰 —— JavaScript 标准参考教程：http://javascript.ruanyifeng....php

很全很棒的JS教程，并且易读性很强。

MDN —— JavaScript：https://developer.mozilla.org...css

一样很全面，MDN上面有不少好东西，值得挖掘。

阮一峰 —— es6入门：http://es6.ruanyifeng.comhtml

很是全面，做者还出版成书了。

zepto的API —— http://zeptojs.com/#touch前端

zepto自由定制神器 —— http://github.e-sites.nl/zept...vue

在这里能够自由选择zepto的各个模块，自动生成，很是方便

老姚浅谈：怎么学JavaScript —— https://zhuanlan.zhihu.com/p/...java

老姚：那些年我看的前端书籍 —— https://zhuanlan.zhihu.com/p/...react

2. CSS系列：

css3中不为人知的属性——http://www.cnblogs.com/libin-...webpack

3. d3系列(数据可视化)：

OUR D3.JS——http://www.ourd3js.com/wordpr...css3

我发现的几乎是目前中文惟一比较全面的关于d3的教程，配合下面的API中文文档学d3会方便不少。

VisualCrew小组——https://github.com/d3/d3/wiki...

d3API中文文档，很全。

d3——https://github.com/d3/d3/wiki...

d3的一些资源，有中文有英文还有其它语言，包括了上面的API文档。

ECharts——官方教程：http://echarts.baidu.com/tuto...特性介绍

百度出品，中文教程，看着还不错。

json-csv 在线转换—— https://json-csv.com/

4. vuejs系列：

vuejs官网——http://cn.vuejs.org

上面有教程，API，示例。

vuex——http://vuex.vuejs.org/zh-cn/i...

vuex中文文档，易读性强，入门必备

vue-router——http://router.vuejs.org/zh-cn...

vue-router中文文档，易读性强，入门必备

vue-cli——http://vuejs-templates.github...

vue-cli,尤大神出品的脚手架，很好。英文的，但四级水平能看个大概了。

vux文档——https://vuxjs.gitbooks.io/vux...

Vux = Vue + WeUI + A Bunch of Components，文档上写的，我还没仔细研究，感受仍是不错的东西。

vue学习视频——https://github.com/bhnddowinf...

喜欢看视频学习的朋友能够自行下载学习

vue2 官网———— https://cn.vuejs.org/

vue2入门足够了，值得一说的是在右上角生态系统目录下有vue-router vuex的教程入口，都是2.0版的。

5.关于git

廖雪峰git教程——http://www.liaoxuefeng.com/wi...

我就是看这个学git的，零基础学习必备，易读性很强。

阮一峰总结的git经常使用命令——http://www.ruanyifeng.com/blo...

虽然说是经常使用，可是很是齐全，几乎日常能用到的命令上面都有

git 远程仓库相关—— https://git-scm.com/book/zh/c...

跟远程仓库相关的都在上面了，清晰明了。

6.webpack系列

阮一峰webpack入门教程——https://github.com/ruanyf/web...

很是好的入门教程，经过10个demo来说解。ps:英文的。

webpack入门教程——http://zhaoda.net/webpack-han...

这个是中文的，易读性强，概念讲的比较清楚。也讲了CommonJs和AMD.

webpack入门教程——http://www.jianshu.com/p/1c4f...

从这篇开始学webpack就OK了

7.react系列

react入门文档——https://hulufei.gitbooks.io/r...

一样的易读，很好。

react-router中文文档——http://react-guide.github.io/...

react-router很好的入门文档

阮一峰的react学习教程—— http://www.ruanyifeng.com/blo...

很是全面，react 相关的全都在上面了，用到 react 的童鞋能够好好学习一下了

8.关于移动端

一篇移动端总结文档——http://www.imooc.com/article/...

移动端汇总大全——http://www.cnblogs.com/PeunZh...

里面有很是多的东西，很是值得学习收藏，很棒。

http://makaiqian.com/input-be...

10.正则表达式

正则入门及规则查找———— http://www.jb51.net/tools/zhe...

这篇文章很简洁，可是不管是入门仍是查找一些规则，都足够。

11.其它

免费的开源项目CDN——http://www.bootcdn.cn

有不少开源库

前端学习之路——https://github.com/icepy/none...

有做者的一些方法和感悟，还有一些学习资源，很好

CommonJs, AMD, CMD区别——http://www.cnblogs.com/icyse/...

讲这三者的区别的，讲的比较清楚。

醉牛前端——http://f2er.club

很棒的一个网站，上面的资源都是精品，我的很喜欢包括页面风格。

svg——http://www.lychaox.com/svg/te...

学习svg能够参考这个教程

综合教程——https://segmentfault.com/a/11...

这个上面有不少好东西，别人总结的，收到这里方便你们查找。

zepto选择模块合成 —— http://github.e-sites.nl/zept...

zepto 有各类模块，经常须要本身动手来合成很是麻烦，这个网址直接打勾选择生成就能够，很是棒。

Mac版 web storm快捷键 —— https://www.magentonotes.com/...

tree 生成项目目录 —— https://www.uis.cc/2015/04/16...

暂时更新到这里，过一段时间发现好的教程会继续更新。