前端老司机 70+ 实用工具网站分享（建议收藏！）

最新推荐文章于 2024-04-24 11:28:22 发布

Coder HoMeTown

最新推荐文章于 2024-04-24 11:28:22 发布

阅读量462

点赞数 1

分类专栏：前端文章标签：前端 javascript typescript

本文链接：https://blog.csdn.net/isHoMeTown/article/details/127629737

版权

前端专栏收录该内容

25 篇文章 0 订阅

订阅专栏

前言

大家好，我是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 十大经典排序算法

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Rt0uhQJr-1667271081072)(https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3c08f5a1ef9545ab99b06647ed18b517~tplv-k3u1fbpfcp-watermark.image?)]

算法可视化工具

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

在这里插入图片描述

算法的工作方式

变量和操作的可视化表示增强了控制流和实际源代码传送门
在这里插入图片描述

面试题

前端面试常问题整理

按模块和知识点分类传送门
在这里插入图片描述

前端面试开源项目汇总

传送门

在这里插入图片描述

博客网站

腾讯Alloy Team

传送门

腾讯用户体验博客

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wNlyXS8q-1667271081074)(https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2032a5d20f2c4c9995b231115a024b85~tplv-k3u1fbpfcp-watermark.image?)]

淘系前端博客

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VP4EOaDb-1667271081074)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e040a0e61a494bc8a3b0044fddb720fb~tplv-k3u1fbpfcp-watermark.image?)]

京东凹凸实验室

京东前端技术博客传送门

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9MTideAO-1667271081074)(https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4330aff807c34091a504a62da46b3502~tplv-k3u1fbpfcp-watermark.image?)]

美团技术博客

美团技术团队博客传送门

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-c6H2Ysge-1667271081074)(https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/719c295920654599ab166f9282674696~tplv-k3u1fbpfcp-watermark.image?)]

部署工具

Github Page

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-APqX2yvq-1667271081075)(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a1101f12f80d490dba32616d54ad2438~tplv-k3u1fbpfcp-watermark.image?)]

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

传送门

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LFSOuYt0-1667271081083)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/881cf242e0ed434caa1f3e22f76859c2~tplv-k3u1fbpfcp-watermark.image?)]

学习网站

我要自学网

海量自学资源传送门

在这里插入图片描述

白月黑羽 Python

质量极高的Python教程传送门

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JCnJYaiJ-1667271081084)(https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b14dcf001f9c4c9f8a215d75b1bdcd53~tplv-k3u1fbpfcp-watermark.image?)]

Vue源码之路

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

在这里插入图片描述

Go语言简明教程

快速入门，适合小白传送门
在这里插入图片描述

划水网站

小霸王，其乐无穷

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

在这里插入图片描述

在线Dos游戏

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

在这里插入图片描述

抖音网页版

懂的都懂传送门

在这里插入图片描述

完结

下次见~ 我的朋友，我是HoMeTown👨‍💻‍，➕我VX，💊你进群，这是一个大家共同成长、共同学习的社群！在这里你可以：讨论技术问题、了解前端资讯、打听应聘公司、获得内推机会、聊点有的没的。

👉 vx: hometown-468【单独拉你】

👨‍👩‍👧 公众号：秃头开发头秃了 【关注回复“进群”】

🤖 Blog：HoMeTown’Blog【点开看看】