前端工具网站合集（持续更新）

综合类网站 

那些免费的砖

统计推荐免费工具网站 那些免费的砖 - 优雅地白嫖各种免费资源 (thosefree.com)https://www.thosefree.com/

滑动库 Swiper

Swiper中文网-轮播图幻灯片js插件,H5页面前端开发https://www.swiper.com.cn/

---

技术学习网站

张鑫旭的个人主页 » 张鑫旭-鑫空间-鑫生活 (zhangxinxu.com)https://www.zhangxinxu.com/

---

可视化图标网站 - AntV

AntV | 蚂蚁数据可视化 (antgroup.com)https://antv.antgroup.com/

---

AI工具网站 - Free ChatGPT Site List

Free ChatGPT Site List- 这儿为你准备了众多免费好用的ChatGPT镜像站点 (ai55.cc)https://d0424.ai55.cc/

---

工具网站 - 脚本之家

 

代码工具 - 脚本之家在线工具 (jb51.net)http://tools.jb51.net/code代码工具中有特别全的生成工具，也包括SQL，PHP，Python等的。

---

MDN - Web开发技术文档

MDN Web Docs (mozilla.org)https://developer.mozilla.org/zh-CN/

---

 Chrome -  控制台开发者工具

Chrome DevTools  |  Chrome for Developers使用 Chrome 开发者工具调试和优化 Web 应用。https://developer.chrome.google.cn/docs/devtools?hl=zh-cn

---

Web-Tracing - 服务监控与数据埋点

Start | web-tracing行为埋点 & 性能采集 & 异常采集 & 请求采集 & 路由采集https://m-cheng-web.github.io/web-tracing/guide/starting

---

CSS样式网站

毒蘑菇-配色

CSS 配色，阴影网站

一个好用的配色网站! 毒蘑菇 - 配色 (dumogu.top)https://color.dumogu.top/

---

CSS 阴影效果网站

在线创建可视化CSS阴影效果神器Make a smooth css shadowhttps://lingdaima.com/shadow/

---

box-shadow 盒子阴影

CSS box shadow inspiration - Box ShadowIn the contemporary design landscape, CSS box shadows have emerged as an incredible asset. They add depth, create visual appeal, and enhance usability. At box-shadow.art, we not only guide you through the wonderful world of box-shadow art and box-shadow drawing but also provide a unique tool to create, edit, and generate these effects with ease.https://box-shadow.art/

Glass Morphism 毛玻璃制作 

可自定义选项和实时预览功能制作毛玻璃

Glass Morphismhttps://glassgenerator.netlify.app/

---

Neumorphism - 绘制阴影圆角卡片

Neumorphism/Soft UI CSS shadow generatorhttps://neumorphism.io/#e0e0e0

---

知识科普类

JS运行机制

 javascript - 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 - 程序生涯 - SegmentFault 思否https://segmentfault.com/a/1190000012925872#item-2

---

游览器组成，运行原理

浏览器的组成部分及运行原理 - 简书 (jianshu.com)https://www.jianshu.com/p/e4a75cb6f268 

代码规范

 

Aotu.io - 前端代码规范https://guide.aotu.io/index.html

Linux 学习查询网站

Linux命令大全(手册) – 真正好用的Linux命令在线查询网站 (linuxcool.com)https://www.linuxcool.com/ 

---

Git 学习网站

Learn Git Branchinghttps://learngitbranching.js.org/?locale=zh_CN 

---

虫盒-爬虫资源网站 

SpiderBox - 虫盒 - 爬虫逆向资源导航站https://spiderbox.cn/