学习网站及工具地址汇总

文档

Html规范英文文档
MDN Web文档
前端开发中文文档
Node.js英文文档
ES6入门-阮一峰
Vue.js官方文档
阮一峰JavaScript教程
张鑫旭
微信小程序开发文档
现代JavaScript教程
JSON文档

HTML

65个免费下载的HTML5+CSS3登录表单
Emmet
Emmet使用手册

CSS

颜色渐变
阴影生成器
深刻理解CSS：字体度量、line-height和vertical-align
CSS Tricks
学习CSS布局
你所不知道的CSS滤镜技巧与细节
CSS的魔力
美化表单的CSS高级技巧
一些有趣的CSS题目
学习Flex布局游戏1
学习Flex布局游戏2
CSS雪碧图生成器
CSS ICON animate
你知不知道的伪元素实用小技巧

JavaScript

Unicode与JavaScript详解
JavaScript this的六道坎
JavaScript动画库推荐
数据结构和算法动态可视化
JavaScript 30
JS正则表达式完整教程
JavaScript高级程序设计电子版
JavaScript深刻系列、JavaScript专题系列、ES6系列、React系列
经过JavaScript获取移动设备的型号
Easing functions
cdnjs
Mock.js
tween.js
mobile-device-js
冷门的JS技巧
JavaScript中如何实现函数队列
经常使用的Javascript设计模式

Node.js

Node.js最佳实践
轻松学nodejs

TypeScript

TypeScript入门教程

工具

在线代码编辑器：https://codesandbox.io/
快速启动神器Wox：http://www.javashuo.com/article/p-sufxhini-eo.html
在线工具：http://tool.oschina.net/
高效易用的自动标注工具,生成前端代码,设计研发协做利器：https://www.fancynode.com.cn/pxcook
免费在线文件转换器：https://www.online-convert.com/
极客专属的接口协做管理工具：https://apizza.net
兼容性查询：https://caniuse.com/
uTools一个极简、插件化、跨平台的现代桌面软件：https://u.tools/
explainshell：https://explainshell.com/
在线运行IE、Chrome、Firefox和其余浏览器：https://turbo.net/browsers
终端神器ConEmu：https://conemu.github.io/
近义词查找thesaurus：https://www.thesaurus.com/
MikuTools-工具集合：https://miku.tools/
各类轮播swiper：https://idangero.us/swiper/
Yarn：https://yarn.bootcss.com/
程序员导航：http://geekdocs.cn/
在线PDF转换器：https://easypdf.com/cn

论坛

V2EX
酷客
Hacker News
前端外刊评论
博客园
Readhub

博客类

前端周刊：https://frontend-weekly.com/
天天一个linux命令：https://www.cnblogs.com/peida/tag/linux%E5%91%BD%E4%BB%A4/default.html?page=4
优雅地使用Mac：https://www.jianshu.com/u/c9f16aaefd6c
微信小程序解决方案专辑：http://www.wxapp-union.com/special/solution.html
前端chrome浏览器调试总结：https://www.jianshu.com/p/b25c5b88baf5
与web开发和编程相关的实验、插件和文章codrops：https://tympanus.net/codrops/category/playground/
Safari前端开发调试iOS完美解决方案：https://chon.io/blog/safari-ios-iphone-itouch-web-dev-inspector/
毫秒必争，前端网页性能最佳实践：http://www.cnblogs.com/cookiehu/p/5069900.html
大公司里怎样开发和部署前端代码：https://www.zhihu.com/question/20790576
如何优雅处理前端异常？：https://blog.fundebug.com/2018/12/07/how-to-handle-frontend-error/
一个分享GitHub上有趣、入门级的开源项目：https://github.com/521xueweihan/HelloGitHub
心谭博客：https://xin-tan.com/

面试题

前端开发面试题：https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers
中高级前端大厂面试秘籍：http://www.javashuo.com/article/p-coyuakcx-bz.html
前端面试每日3+1：https://github.com/haizlin/fe-interview
木易杨：https://github.com/Advanced-Frontend/Daily-Interview-Question
前端笔试面试题库：https://github.com/jirengu/frontend-interview
FE-interview：https://github.com/jirengu/FE-interview
反向面试：https://github.com/yifeikong/reverse-interview-zh

图片

图片压缩地址compressjpeg
图床
截图、贴图snipaste
智图，图片优化平台
TinyPNG
高清壁纸
Iconfont-阿里巴巴矢量图标库
免版权图片站unsplash

抓包工具

抓包工具charles下载地址
抓包工具charles在线破解工具

刷题

牛客网
力扣leetcode
CodeWars
freeCodeCamp闯关式刷题
洛谷

Git

Git教程：https://www.runoob.com/git/git-tutorial.html
git参考书籍：https://git-scm.com/book/zh/v2
git学习网站：https://learngitbranching.js.org/

Chrome插件

AdBlock广告拦截工具
WEB前端助手(FeHelper)
JSON Viewer
Octotree-GitHub左侧显示当前项目的目录结构

VScode插件

Auto Close Tag：自动闭合标签
Auto Rename Tag：修改标签时，自动修改匹配的标签
Beautify：代码美化
Bracket Pair Colorizer：颜色识别匹配括号
Indenticator：缩进高亮
IntelliSense for CSS class names in HTML：CSS 类名智能提示
Live Server：打开一个简单的服务器，还会自动更新
One Dark Pro：暗色主题
open in browser：当前的html文件用浏览器打开
Power Mode：代码炫酷效果
Quokka.js：实时观看javascript的变量的变化
Vetur：语法高亮、智能感知
vscode-icons：文件图标

杂七杂八

Dribbble
CODING
LeanCloud云服务
tldr-pages
在线编辑器codepen
前端必会的Nginx入门视频教程：https://juejin.im/post/5bd7a6046fb9a05d2c43f8c7，https://jspang.com/
打游戏学Vim：https://vim-adventures.com/
临时邮箱：https://temp-mail.org/zh

😍😍😍连接地址将不按期添加，首发更新地址为：https://zhouwanwen.com/😍😍😍