前端老司机 70+ 实用工具网站分享(建议收藏!)🔥🔥

·  阅读 12475
前端老司机 70+ 实用工具网站分享(建议收藏!)🔥🔥

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第9天,点击查看活动详情

前言

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

前端老司机 实用工具网站分享!掘金@HoMeTown.png

JavaScript

JavaScript教程

通俗易懂的JavaScript教程 传送门

image.png

ES6教程

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

image.png

JavaScript30天

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

image.png

近代JavaScript教程

JavaScript教程 传送门

image.png

Node.js学习指南

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

image.png

JavsScript代码规范

高质量JS代码规范 传送门 image.png

TypeScript教程

详细的TypeScript教程 传送门

image.png

Css

Css Tricks效果大全

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

image.png

Css Inspiration

Css灵感创意园地 传送门

image.png

Css常用样式

Css样式合集 传送门

image.png

Animista

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

image.png

SpinKit

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

Css Minifier

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

image.png

Sass

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

image.png

Less

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

image.png

Stylus

CSS强力预处理器 传送门

image.png

Box Shadow

Css盒子阴影大全 传送门

image.png

Tailwindcss

Css类库 传送门

Css渐变背景

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

image.png

image.png

数据结构和算法

JavaScript算法与数据结构

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

leetcode 解题之路

LeetCode解题攻略 传送门

image.png

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

image.png

数据结构与算法项目推荐

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

image.png

JavaScript 十大经典排序算法

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

image.png

算法可视化工具

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

image.png

算法的工作方式

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

image.png

面试题

前端面试常问题整理

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

前端面试开源项目汇总

传送门

博客网站

腾讯Alloy Team

传送门

腾讯用户体验博客

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

image.png

淘系前端博客

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

image.png

京东凹凸实验室

京东前端技术博客传送门

image.png

饿了么前端博客

传送门

百度前端博客

传送门

360奇舞团

传送门

美团技术博客

美团技术团队博客 传送门

image.png

部署工具

Github Page

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

image.png

Netify

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

Surge

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

image.png

Vercel

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

image.png

建站工具

Hexo

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

image.png

VuePress

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

image.png

GitBook

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

image.png

代码规范

Tgideas

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

image.png

京东

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

image.png

ES6

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

image.png

AirBnb

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

image.png

ESLint

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

image.png

Prettier

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

image.png

抓包工具

Whistie

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

image.png

Fiddler

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

image.png

在线网站工具

CodePen

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

image.png

Can I use

Web前端兼容性列表 传送门

image.png

TinyPNG

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

image.png

web.dev

评测网站性能 传送门

image.png

Shape Divider

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

image.png

Carbon

代码转图片工具 传送门

image.png

Wappalyzer

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

image.png

tool.lu

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

image.png

在线JSON格式化

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

image.png

在线生成短链接

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

image.png

开发工具

VSCode

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

image.png

Sublime

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

image.png

WebStorm

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

image.png

Typora

传送门

学习网站

我要自学网

海量自学资源 传送门

image.png

白月黑羽 Python

质量极高的Python教程 传送门

image.png

Vue源码之路

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

image.png

Go语言简明教程

快速入门,适合小白 传送门 image.png

划水网站

小霸王,其乐无穷

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

image.png

在线Dos游戏

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

image.png

抖音网页版

懂的都懂 传送门

image.png

完结

往期回顾

收藏成功!
已添加到「」, 点击更改