文: 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/
刷題網
兼職外包
- 猿急送 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/