前言

大家好，我是HoMeTown，好的工具，可以帮助我们大幅提高编程效率，今天给大家分享一下我平时收集到的一些工具，目录已经分好了。

JavaScript

JavaScript教程

通俗易懂的JavaScript教程 传送门

ES6教程

阮一峰大佬的ES6入门教程，业界标杆 传送门

JavaScript30天

使用JS完成小目标！30天搞定30个项目 传送门

近代JavaScript教程

JavaScript教程 传送门

Node.js学习指南

Node.js学习教程And笔记系统整理 传送门

JavsScript代码规范

高质量JS代码规范 传送门

TypeScript教程

详细的TypeScript教程 传送门

Css

Css Tricks效果大全

汇集了大量的CSS动画效果！ 传送门

Css Inspiration

Css灵感创意园地 传送门

Css常用样式

Css样式合集 传送门

Animista

CSS动画库可以按需定制CSS动画效果以及自定义动画效果 传送门

SpinKit

CSS代码片段集合了各种加载效果的CSS代码片段 传送门

Css Minifier

在线网站Css代码简化、压缩 传送门

Sass

Sass 中文网 成熟、稳定、强大的CSS扩展语言 传送门

Less

Less.js 中文文档 将CSS赋予了动态语言特性的样式语言 传送门

Stylus

CSS强力预处理器 传送门

Box Shadow

Css盒子阴影大全 传送门

Tailwindcss

Css类库 传送门

Css渐变背景

丰富好看的Css渐变背景 传送门

数据结构和算法

JavaScript算法与数据结构

每个算法和数据结构都有自己独立的README，其中包含相关解释和进一步阅读的链接 传送门

leetcode 解题之路

LeetCode解题攻略 传送门

五分钟学算法 用动画的形式呈现LeetCode的解题思路 传送门

数据结构与算法项目推荐

GitHub 上 170K+ Star 的前端学习的数据结构与算法项目 传送门

JavaScript 十大经典排序算法

十大经典排序算法汇总 传送门

算法可视化工具

用可视化工具和交互方式 让你从代码中可视化算法 传送门

算法的工作方式

变量和操作的可视化表示 增强了控制流和实际源代码 传送门

面试题

前端面试常问题整理

按模块和知识点分类 传送门

前端面试开源项目汇总

传送门

博客网站

腾讯Alloy Team

传送门

腾讯用户体验博客

专注于前端用户体验传送门

淘系前端博客

淘宝前端博客 代表中国最强前端实力传送门

京东凹凸实验室

京东前端技术博客传送门

饿了么前端博客

传送门

百度前端博客

传送门

360奇舞团

传送门

美团技术博客

美团技术团队博客 传送门

部署工具

Github Page

Github提供的免费静态网站托管服务 传送门

Netify

30秒内部署你的网站 传送门

Surge

一个命令部署你的网站 传送门

Vercel

快速部署你的网站 国外很流行 传送门

建站工具

Hexo

流行的静态博客程序 Markdown编写 生成静态站点 传送门

VuePress

Vue驱动的静态网站生成器 传送门

GitBook

现代化的文档平台，支持团队协作传送门

代码规范

Tgideas

腾讯前端代码规范 值得参考 传送门

京东

京东前端代码规范文档 分类详细 传送门

ES6

阮一峰编写的ES6代码规范 值得每个人阅读并参考 传送门

AirBnb

国外企业的前端代码规范 传送门

ESLint

代码规范检查和格式化工具传送门

Prettier

VSCode 最热门的代码格式化工具 让你写出漂亮的代码 传送门

抓包工具

Whistie

代理抓包工具 我一直在用的工具 很好很强大 传送门

Fiddler

使用人数最多的抓包工具 传送门

在线网站工具

CodePen

前端在线测试和演示工具 国外站点 传送门

Can I use

Web前端兼容性列表 传送门

TinyPNG

PNG/JPG 图片在线压缩工具 传送门

web.dev

评测网站性能 传送门

Shape Divider

定制各种形状SVG的工具 传送门

Carbon

代码转图片工具 传送门

Wappalyzer

检测某个网站的技术栈 传送门

tool.lu

程序员在线工具大全 传送门

在线JSON格式化

在线网站免费的JSON格式化工具 传送门

在线生成短链接

免费的在线生成短链接网站 传送门

开发工具

VSCode

前端最流行的编辑器 传送门

Sublime

轻量级代码编辑工具 曾经我的最爱 传送门

WebStorm

忠爱粉最多的编辑器 传送门

Typora

传送门

学习网站

我要自学网

海量自学资源 传送门

白月黑羽 Python

质量极高的Python教程 传送门

Vue源码之路

Vue源码逐行分析，系统解读 传送门

Go语言简明教程

快速入门，适合小白 传送门

划水网站

小霸王，其乐无穷

童年游戏网站，双截龙、拳皇... 传送门

在线Dos游戏

免费的在线Dos游戏，都是回忆杀~ 传送门

抖音网页版

懂的都懂 传送门

完结

往期回顾

• 使用eslint + prettier + husky + lint-staged 约束项目的最佳实践！

• 【小程序】爆肝 3 天总结的微信小程序优化指南（收藏夹吃灰吧！）🔥🔥

• 【VUE】从源码角度说清楚MVVM！实现v-model！真的很简单！🔥

• 【CSS】5分钟带你彻底搞懂 W3C & IE 盒模型！🔥🔥

• 【CSS】有意思的BFC：Block Formatting Context（块格式化上下文）！🤡

• 【CSS】聊一聊CSS像素、设备像素、设备独立像素、dpr、ppi 之间的区别

• 【性能】7分钟带你了解【尤大】都在使用的 Chrome Runtime Performance Debug！

• 【源码角度】7分钟带你搞懂ESLint核心原理！

• 【JavaScript】手把手教你写高质量 JavaScript 异步代码！

• 我用前端【最新】技术栈完成了一个生产标准的项目【Vue3 + TS + Vite + Pinia + Windicss + NavieUI】

• 【npm】package-lock.json冲突及问题排查思路！

• 【JavaScript】关于解决JS 计算精度问题（toFixed, Math.round, 运算表达式） ！

• 【Vite】Vite设置好了Proxy，但接口却404！解决方案来了！

• 【TypeScript】超详细的笔记式教程！进阶！！【下】

• 【TypeScript】超详细的笔记式教程！进阶！！【中】

• 【TypeScript】超详细的笔记式教程！进阶！！【上】

• ............... 查看更多 ...............