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

piglei 發布于2019-08-20 10:19 / 2611人閱讀

摘要：小弟在前端摸爬滾打一段時間，發現前端的比較好的文檔比較分散，特別是中文的，我平時都是收藏在瀏覽器里，以后有好的教程和綜合性的文檔我會更新到這里。小組中文文檔，很全。

小弟在前端摸爬滾打一段時間，發現前端的比較好的文檔比較分散，特別是中文的，我平時都是ctrl+D收藏在瀏覽器里，以后有好的教程和綜合性的文檔我會更新到這里。
一則可以做個記錄，防止丟失。
二則有需要的朋友可以來我這里找一找。

1. JavaScript系列：

阮一峰 —— JavaScript 標準參考教程：http://javascript.ruanyifeng....

很全很棒的JS教程，而且易讀性很強。

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

同樣很全面，MDN上面有很多好東西，值得挖掘。

阮一峰 —— es6入門：http://es6.ruanyifeng.com

非常全面，作者還出版成書了。

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

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

在這里可以自由選擇zepto的各個模塊，自動生成，非常方便

老姚淺談：怎么學JavaScript —— https://zhuanlan.zhihu.com/p/...

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

2. CSS系列：

css3中鮮為人知的屬性——http://www.cnblogs.com/libin-...

3. d3系列(數據可視化)：

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

我發現的幾乎是目前中文唯一比較全面的關于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...

里面有非常多的東西，非常值得學習收藏，很棒。

9.input 表單相關

前端小武———— https://xuexb.com/html/225.html
https://xuexb.com/html/form.html
https://xuexb.com/html/215.html

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

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

云服務器 GPU云服務器更新文檔吧開發文檔更新 React Hooks 文檔重大更新！前端規范文檔

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80086.html

前端開發相關的優秀網站推薦（持續更新）

摘要：國內最專業的開發社區英文版的開發社區，英語好的童鞋可以很好的利用起來這個可以作為參考文檔，有英文有翻譯成中文的。一個外國友人的網址全英文，文章質量很不錯。以后有好的開發相關的網站我會持續更新的。前幾天寫過一篇文章，總結了一些我收藏的綜合性強的教程（偏基礎），幾天過去了，已經有幾個收藏量了，說明多少還是有用的。當時就想著有一些網站還是不錯的，可以總結出來，做個記錄，或許可以幫助到其他人...

ningwang 2019-05-29 17:49 評論0 收藏0
保姆級教程HTML兩萬字筆記大總結【建議收藏】（上篇）

摘要：標簽不區分大小寫，但推薦小寫。標簽可以嵌套，但不能交叉嵌套。標簽也稱為元素。比如行內標簽亦可成行內元素。 ??HTML必備知識詳解?? 第一部分：HTML框架簡介...

paulli3 2021-10-13 09:40 評論0 收藏0
優秀文章收藏（慢慢消化）持續更新~

摘要：整理收藏一些優秀的文章及大佬博客留著慢慢學習原文協作規范中文技術文檔協作規范阮一峰編程風格凹凸實驗室前端代碼規范風格指南這一次，徹底弄懂執行機制一次弄懂徹底解決此類面試問題瀏覽器與的事件循環有何區別筆試題事件循環機制異步編程理解的異步 better-learning 整理收藏一些優秀的文章及大佬博客留著慢慢學習原文:https://www.ahwgs.cn/youxiuwenzhan...

JeOam 2019-08-23 18:24 評論0 收藏0
前端面試題總結——綜合問題(持續更新中)

摘要：如何實現瀏覽器內多個標簽頁之間的通信阿里調用等本地存儲方式頁面可見性可以有哪些用途通過的值檢測頁面當前是否可見，以及打開網頁的時間等在頁面被切換到其他后臺進程的時候，自動暫停音樂或視頻的播放網頁驗證碼是干嘛的，是為了解決什么安全問題。前端面試題總結——綜合問題(持續更新中) 1.頁面從輸入URL到頁面加載顯示完成，這個過程中都發生了什么？（流程說的越詳細越好） 1.輸入域名地址2.發...

Lin_YT 2019-08-30 13:59 評論0 收藏0
前端面試題總結——綜合問題(持續更新中)

摘要：如何實現瀏覽器內多個標簽頁之間的通信阿里調用等本地存儲方式頁面可見性可以有哪些用途通過的值檢測頁面當前是否可見，以及打開網頁的時間等在頁面被切換到其他后臺進程的時候，自動暫停音樂或視頻的播放網頁驗證碼是干嘛的，是為了解決什么安全問題。前端面試題總結——綜合問題(持續更新中) 1.頁面從輸入URL到頁面加載顯示完成，這個過程中都發生了什么？（流程說的越詳細越好） 1.輸入域名地址2.發...

elarity 2019-08-01 18:38 評論0 收藏0