前端學習網址大全

文: hijackli

本身學習中收集的經常使用的網址

視頻學習網站

• 騰訊課堂：ke.qq.com/
• 慕課網：www.imooc.com/
• 網易雲課堂：study.163.com/

官方文檔

官方文檔真的過重要了，好比說一個問題去百度，基本上五花八門的結果都有，這時候就須要一份權威的解釋。當你兜兜轉轉不少圈，最後仍是得看官方文檔。

• W3C官方文檔：www.w3.org/

若是英文版文檔看的不習慣，能夠使用下面的MDN文檔，雖然沒有翻譯完，但基本上夠用了

• MDN: developer.mozilla.org/zh-CN/
• W3school: www.w3school.com.cn/ 國內的不是很官方
• Can I use: www.caniuse.com/ 一個前端經常使用查兼容性的網站

HTML

• HTML標準: html.spec.whatwg.org/multipage/r…
• HTML meta標籤總結: segmentfault.com/a/119000000…
• HTML5元素週期表: www.xuanfengge.com/funny/html5…
• 字符實體元素: dev.w3.org/html5/html-…

CSS

• Reset.css meyerweb.com/eric/tools/…
• Normalize.css necolas.github.io/normalize.c…
• 通用css筆記建議與指導: github.com/chadluo/CSS…
• css預處理器 Less: lesscss.cn/
• css預處理器 Scss: www.sass.hk/
• PostCss: postcss.org/
• CssNext: cssnext.github.io/

ES6和Babel

• 阮一峯-ES6入門: es6.ruanyifeng.com/
• ES6官方文檔: www.ecma-international.org/ecma-262/6.…
• Promises/A+規範: promisesaplus.com/
• Babel中文網: www.babeljs.cn/
• 一口（很長的）氣了解 babel: zhuanlan.zhihu.com/p/43249121

移動端

• 騰訊移動 Web 前端知識庫: github.com/AlloyTeam/M…
• 百度流量統計院: mtj.baidu.com/data/mobile…
• 草料二維碼: cli.im/

小程序

• 微信小程序開發文檔 developers.weixin.qq.com/miniprogram…
• 小程序開發資源彙總: github.com/justjavac/a…

Vue

• Vue中文網: cn.vuejs.org/index.html
• Vue Cli: cli.vuejs.org/zh/
• Vue Router: router.vuejs.org/zh/installa…
• vue-resource: github.com/pagekit/vue…
• Vue源碼分析: github.com/ustbhuangyi…
• ElementUI桌面端組件庫: element.eleme.cn/#/zh-CN
• Mint UI移動端組件庫: mint-ui.github.io/#!/zh-cn
• iView UI組件庫: www.iviewui.com/
• Vant UI移動端組件庫: youzan.github.io/vant/#/zh-C…
• cube-UI移動端組件庫: didi.github.io/cube-ui/#/z…
• Nuxt.js: nuxtjs.org/

React

• React官網: reactjs.org/
• React中文網: react.docschina.org/
• React小書: huziketang.mangojuice.top/books/react…
• React&Webpack小書: fakefish.github.io/react-webpa…
• 【React深刻】從Mixin到HOC再到Hook: juejin.im/post/5cad39…
• 你須要Mobx仍是Redux？ juejin.im/post/5a7fd7…

NodeJs

• Node.js官網: nodejs.org/en/
• Node.js中文網: nodejs.cn/
• 深刻淺出Node.js www.infoq.cn/article/nod…
• 七天學會Node.js: github.com/nqdeng/7-da…
• 結合源碼分析 Node.js 模塊加載與運行原理 efe.baidu.com/blog/nodejs…
• Express框架: expressjs.com/
• Koa框架中文網: koa.bootcss.com/
• Nginx服務器: juejin.im/post/5c85a6…

Git

• git教程-廖雪峯 www.liaoxuefeng.com/wiki/896043…
• 圖解Git marklodato.github.io/visual-git-…

打包工具

• webpack中文文檔: www.webpackjs.com/
• webpack原理: segmentfault.com/a/119000001…
• gulp.js中文網: www.gulpjs.com.cn/
• Parcel打包工具中文網: parceljs.org/
• npm包管理工具: www.npmjs.com/
• 淘寶npm鏡像: npm.taobao.org/

JS模塊規範

• AMD規範: github.com/amdjs/amdjs…
• requireJS: requirejs.org/
• CMD規範: github.com/seajs/seajs…
• seaJS: www.zhangxinxu.com/sp/seajs/
• CommonJS規範: javascript.ruanyifeng.com/nodejs/modu…
• ES模塊化語法-阮一峯: es6.ruanyifeng.com/#docs/modul…
• 我的文章:
  • 談談前端模塊化規範: segmentfault.com/a/119000001…
  • require，import區別？www.zhihu.com/question/56…
  • CommonJS模塊與ES6模塊的區別: www.cnblogs.com/unclekeith/…
  • AMD，CMD 規範詳解 neveryu.github.io/2017/03/20/…

瀏覽器知識

• 圖解瀏覽器的基本工做原理 zhuanlan.zhihu.com/p/47407398

設計模式和函數式編程

• undersercore源碼分析: yoyoyohamapi.gitbooks.io/undersercor…

數據結構/算法與計算機基礎

• 大前端開發者須要瞭解的基礎編譯原理和語言知識fullstack.blog/2017/06/24/…
• 數據結構和算法之美 time.geekbang.org/column/intr…
• LeetCode動畫演示: github.com/MisterBooo/…
• 用JavaScript實現的算法和數據結構，附詳細解釋和刷題指南 github.com/ConardLi/aw…
• 30-seconds-of-code中文版 github.com/ConardLi/30…
• 力扣刷題 leetcode-cn.com/problemset/…

前端性能

• 深刻理解前端性能監控 juejin.im/post/5caaac…

TypeScript

• TypeScript Handbook（中文版） zhongsp.gitbooks.io/typescript-…

Web安全

• 常見六大Web安全攻防解析 github.com/ljianshu/Bl…

數據庫

• • mongodb官網 www.mongodb.com/
• MongoDB中文社區 www.mongoing.com/
• mongoosejs mongoosejs.com/docs/index.…
• RObo 3T robomongo.org/

網絡請求

• axios中文網 www.axios-js.com/
• Fetch-MDN教程 developer.mozilla.org/zh-CN/docs/…

數據mock

• mockjs官網 mockjs.com/
• mockjs語法規則 github.com/nuysoft/Moc…
• Easy Mock www.easy-mock.com/login
• RAP2淘寶 rap2.taobao.org/

前端測試與集成

• mocha官網 mochajs.org/
• mocha中文文檔 segmentfault.com/a/119000001…
• mocha-廖雪峯教程 www.liaoxuefeng.com/wiki/102291…
• Jenkins持續集成-廖雪峯教程 www.liaoxuefeng.com/article/108…

圖標字體

• 阿里巴巴矢量圖標庫 www.iconfont.cn/
• favicon.ico在線製做 cn.faviconico.org/favicon

前端在線編輯器

• jsfiddle jsfiddle.net
• codepen codepen.io/
• dabblet dabblet.com
• jsbin jsbin.com/
• jsrun jsrun.net/

我的類博客

• 廖雪峯我的博客 www.liaoxuefeng.com/
• 阮一峯我的博客 www.ruanyifeng.com/home.html

技術社區/論壇/平臺

• 簡書 www.jianshu.com/
• 掘金 juejin.im/
• 思否 segmentfault.com/
• infoQ www.infoq.cn/
• stackoverflow stackoverflow.com/
• 碼雲 gitee.com
• gitlab about.gitlab.com/
• github github.com/

前端與設計/切圖

• 藍湖 lanhuapp.com/
• sketch中文網 www.sketchcn.com/
• svg在線畫圖 editor.method.ac/
• 像素大廚pxcook www.fancynode.com.cn/pxcook

前端與PPT

• 聲享-在線製做PPT ppt.baomitu.com/

刷題網

• 猿圈 st.oxcoder.com/#/exercise/…
• 賽碼網 www.acmcoder.com/index
• 牛客網 www.nowcoder.com/

兼職外包

• 猿急送 www.yuanjisong.com/
• 程序員客棧 www.proginn.com/
• 雲沃客 www.clouderwork.com/
• 快碼 www.kuai.ma/index.html

免費api和開放平臺

• 免費api接口: segmentfault.com/a/119000001…
• 免費api接口: www.laifudao.com/api.asp
• 免費api接口: gank.io/api
• 阿里巴巴開放平臺 open.1688.com/
• 騰訊開放平臺 open.tencent.com/
• 新浪微博開放平臺 open.weibo.com/
• 微信公衆平臺 mp.weixin.qq.com/

CDN服務

• 七牛雲 staticfile.org/
• cdnjs cdnjs.com/

學習集合

• 印記中國 www.docschina.org/
• 前端開發相關的優秀網站、博客、以及活躍開發者 github.com/foru17/fron…
• Front-End-learning-resource github.com/helloqingfe…

圖書資源搜索

• 鳩摩搜書 www.jiumodiary.com/