学习网站及工具地址汇总

文档#

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入门教程

工具#

在线代码编辑器：codesandbox
快速启动神器Wox
在线工具 - OSCHINA.NET社区
MikuTools - 工具集合
程序员导航 - 国内最专业的程序员导航
PxCook - 高效易用的自动标注工具,生成前端代码,设计研发协作利器
在线转换器 - 免费转换视频，图像，音频和文档-英文
apizza - 极客专属的api接口管理工具
Can I use - 兼容性查询
uTools - 一个极简、插件化、跨平台的现代桌面软件
explainshell
在线运行IE、Chrome、Firefox和其他浏览器
ConEmu - 终端神器
Yarn - 快速、可靠、安全的依赖管理工具
Thesaurus - 近义词查找
Swiper - 轮播
easy PDF - 在线PDF转换器
RegExr - 正则表达式工具

论坛#

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

博客类#

前端周刊
每天一个linux命令
微信小程序问题解决方案专辑 - 微信小程序开发实战宝典
codrops - 与web开发和编程相关的实验、插件和文章
Safari前端开发调试iOS完美解决方案
前端网页性能最佳实践
如何优雅处理前端异常
分享GitHub上有趣、入门级的开源项目
心谭博客
技术胖 - 胜洪宇关注web前端技术 - 前端免费视频第一博客
白色橡树 - 移动web资源整理

面试题#

前端开发面试题
中高级前端大厂面试秘籍
前端面试每日 3+1
每天搞定一道前端大厂面试题 - 木易杨
前端笔试面试题题库
前端面试题和答案 - FE-interview
反向面试 - 技术面试最后反问面试官的话

图片#

图片压缩地址 - compressjpeg
图床
截图、贴图 - snipaste
智图，图片优化平台
TinyPNG
高清壁纸
Iconfont - 阿里巴巴矢量图标库
免版权图片站unsplash
文件转换器 - 在线转换任何格式的图像文件
ScreenToGif - GIF录制

抓包工具#

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

HTTP请求与响应、数据模拟#

Easy Mock - 一个可视化，并且能快速生成模拟数据的持久化服务
Mock.js - 生成随机数据，拦截Ajax请求
httpbin - HTTP请求和响应服务

刷题#

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

Git#

Git教程 - 菜鸟教程
Git - Book
Learn Git Branching

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入门视频教程
VIM Adventures
Temp Mail - 临时性 - 匿名电子邮件

😍😍😍链接地址将不定期更新！😍😍😍