前端学习网址大全

2019-06-20 693 阅读3分钟

文: 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.cn/post/684490…
你需要Mobx还是Redux？ juejin.cn/post/684490…

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.cn/post/684490…

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.cn/post/1#head…

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.cn
思否 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/

刷题网

兼职外包

免费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/