# 私藏工具和网站分享

# 01.JavaScript

JavaScript 教程 | 通俗易懂的 JavaScript 教程
ES6 入门教程 | 通俗易懂的 ES6 入门教程
JavaScript 30 | 使用原生 JavaScript 在 30 天内完成 30 个项目
现代 JavaScript 教程 | 最近很流行的 JavaScript 教程
Node.js 学习指南 | 系统的 Node.js 学习教程和笔记系统整理
JS 代码规范 | 优秀的 JS 代码规范
TypeScript 教程 | 通俗易懂的 TypeScript 教程
TypeScript 教程 | 最好的 TypeScript 视频 + 图文教程

# 02.CSS 样式

CSS Tricks 效果大全 | CSS 的各种效果实现有很多动画效果
CSS Inspiration | CSS 灵感的诞生地我每天都的网站
CSS 常用样式 | 有很多常用的 CSS 样式
Animista | CSS 动画库主打按需定制 CSS 动画效果
Animista | CSS 动画库主打按需定制 CSS 动画效果
CSS Minifier | 在线 CSS 代码简化 / 压缩工具
Sass: Sass 文档 | Sass 中文网成熟、稳定、强大的 CSS 扩展语言
Less 快速入门 | Less.js 中文文档将 CSS 赋予了动态语言特性的样式语言
stylus | CSS 扩展富有变现里、动态、健壮的 CSS

# 03. 算法数据

JavaScript 算法与数据结构 | 多种基于 JavaScript 的算法与数据结构
leetcode 解题之路 | 私藏 LeetCode 解题攻略
五分钟学算法 | 每天拿出五分钟学学算法比如上个厕所就学了
数据结构与算法项目推荐 | Github 上 170K+Star 的前端学习数据结构和算法题目
JavaScript 十大经典排序算法 | JavaScript 排序必会题目作者功力很深值得学习
算法可视化工具 | 用可视化工具和交互方式让你从代码中可视化算法
算法可视化来源
算法的工作方式 | 变量和操作的可视化表示增强了控制流和实际源代码

# 04. 前端面试

前端面试常考问题整理 | 按模块和知识点分类
前端开发面试题
WEB 前端面试宝典
掘金前端面试题合集
前端面试图谱
前端面试开源项目汇总 | Github 上 100K+ Star 的前端面试开源项目汇总

# 05. 技术社区

GitHub | 高质量内容创作和分享平台
Stackoverflow | 一个回答技术问题的网站
掘金 | 国内的很多优质前端文章都掘金
博客园 | 一个很纯粹的技术博客平台
知乎 | 很多程序人喜欢泡在知乎
CSDN | 老牌社区程序员必上的一个社区
v2ex | 程序员分享和探索的社区
segmentfault | 低调技术博客社区
Node.js 中文社区 | node 专业中文社区
博客杂志站点 | 一个 web 技术类的博客杂志站点
JS 技术的网站 | 每天推出一个 JS 技巧的网站
W3Cplus | 推广国内行业的技术博客
印记中文 | 最权威的技术中文文档社区

# 06. 前端博客

技术胖博客 | 专注前端每年 100 集免费前端视频
腾讯 Alloy Team | 腾讯前端博客每天必看
腾讯用户体验博客 | 专注于前端用户体验
淘系前端博客 | 淘宝前端博客代表中国最强前端实力
京东凹凸实验室 | 京东前端技术博客
饿了么前端博客 | 知乎上的最强前端博客
百度前端博客 | 百度前端团队旗下博客
360 奇舞团 | 360 公司前端团队
美团技术博客 | 美团技术团队博客

# 07. 构建工具

NPM | 包管理和项目构建工具
webpack | 前端最流行的项目构建工具
Yarn | 后起之秀优秀的包管理和构建工具
Gulp | 老牌构建工具
Babel | ES6 构建转换工具
ESLint | 可组装的 JavaScript 和 JSX 检查工具
PostCSS | 用 JavaScript 转换 CSS 代码的工具

# 08. 部署工具

Github Page | Github 提供的免费静态网站托管服务
Netlify | 30 秒内部署你的网站
Vercel | 快速部署你的网站国外很流行
Surge | 一个命令部署你的网站
Heroku | 运动构建、运行你的网站和应用

# 09. 静态站点搭建

Hexo | 最流行的静态博客程序 Markdown 编写生成静态站点
VuePress | Vue 驱动的静态网站生成器
GitBook | 现代化的文档平台，支持团队协作

# 10. 前端代码规范

Tgideas | 腾讯前端代码规范值得参考
京东 | 京东前端代码规范文档分类详细
Bootstrap 编码规范 | 适合个人和小团队使用的代码规范不复杂
ES6 编程风格 | 阮一峰编写的 ES6 代码规范值得每个人阅读并参考
Airbnb 前端代码规范 | 国外企业的前端代码规范
ESLint | 代码规范检查和格式化工具
Prettier | VSCode 最热门的代码格式化工具让你写出漂亮的代码

# 11. 调试抓包

Whistle | 代理抓包工具我一直在用的工具很好很强大
Fiddler | 使用人数最多的抓包工具

# 12. 在线工具

CodePen | 前端在线测试和演示工具国外站点
Can I use | Web 前端兼容性列表
TinyPNG | PNG/JPG 图片在线压缩工具
CNZZ | 老牌站点统计工具 5 年前国内站长必上网站
web.dev | 评测网站性能基于 Lighthouse
Shape Divider | 定制各种形状 SVG 的工具
GTmetrix | 网页性能在线分析工具
Carbon | 代码转图片工具
Wappalyzer | 检测某个网站的技术栈
CODEIF | 变量方法起名工具人工智能加持
tool.lu | 程序员在线工具大全

# 13. 开发工具

VSCode | 前端最流行的编辑器
Sublime Text | 轻量级代码编辑工具曾经我的最爱
WebStom | 忠爱粉最多的编辑器
Atom | 用的人很多我却不喜欢的编辑器
Typora | 程序人 Mrakdown 笔记一直在用的笔记工具

# 14. 开发者大会

Vue.js 开发者大会 | 前端人必须关注的前端大会
中国 JS 开发者大会 | 公司每年必组织参加的技术大会
CSS 开发者大会 | 提高 CSS 技术的开发者大会打开视野面向世界
D2 前端开发者大会 | 阿里组织的大会可以看直播

# 15.WEB 图标

Font Awesome | 网站开发最流行的图标集
Feather | 简洁美观的开源图标
Material Design Icons | 轻快、精美的符号图标
Tabler Icons | 681 枚可定制的开源 SVG 图标
常见品牌的 SVG 图标