前端綜合性文檔和教程總結（持續更新）

時間 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...

暫時更新到這裏，過一段時間發現好的教程會繼續更新。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。