Fighting Awesome

💡 令人惊叹的一些前端资源、工具包等汇总。

参考贡献前，请先阅读贡献指南。

博客相关

• Tyh2001 这是 田同学 的个人博客，很多技术分享和笔记

宝藏级别

• moyu Github 摸鱼大全！
• VsCode Themes vscode 主题大全
• varbook 前端变量名命名神器，支持多种命名规范，中文翻译

Chrome 插件

• AdBlock — 最佳广告拦截工具 一款 Chrome 广告拦截插件，可以指定某个 html 元素的拦截
• 捕捉网页截图 - FireShot 的 一款 Chrome 截图插件，可以实现截取网页长图

Vite 插件

• vite-plugin-dts 可用作 ts 类型打包，用于生成 .d.ts 文件的 vite 插件
• unplugin-vue-setup-extend-plus 用于在 script setup 中设置组件 name 的插件

第三方库

• ace-builds Ace 代码编辑器的打包版本。可实现简单 IDE

面试系列

• tian-classmate 田同学在线开源简历模板
• web 前端面试 - 面试官系列 前端面试题
• Interview-record 这是 田同学 真实的面试复盘
• Awesome-JavaScript-Interviews 流行的 JavaScript/React / Node / Mongo 堆栈面试问题及其答案
• javascript-questions 一长串（高级）JavaScript 问题及其解释 ✨

学习相关

• wtfjs 有趣而棘手的 JavaScript 示例列表
• 程序员小山与 Bug 针对各种前端的 bug 和知识点解决方案
• 渡一 Web 前端学习频道 前端的各种常见知识点总结
• 33-js-concepts 📜 每个 JavaScript 工程师都应懂的 33 个概念
• 学习 JS 看这个就够了，全面打通 JAVASCRIPT 知识点 学习 JS 入门到精通教程，视频教程，非错不错，每个视频很简短，干货满满

文档教程

• MDN 包含 Web 技术的兼容性数据
• TypeScript 入门教程 TypeScript 入门级别教程

书籍大全

• awesome-books 📚 非常棒的程序员学习书籍大全。

开发工具

• varbook 适合中文程序员的变量命名助手，NLP+翻译，规范变量命名，定制化变量命名规则
• Regulex 可以用于演示正则表达式的执行效果
• asciiFlow 可以使用字符画出一些效果图，用于粘贴到代码的注释中
• Chrome Chrome 浏览器官方网站下载
• Regulex JavaScript 正则表达式可视化演示

效率工具

• Markdown Nice 一款 Markdown 编辑器，可以适配知乎、掘金等平台
• 在线重命名 文件批量重命名在线工具，支持各种重命名方法，在线打包
• 在线工具 大量的开发小工具库，非常实用

其它工具

• codeImg 可以将代码片段的生成图片，用与插入文章
• ray 帮助你快速生成代码片段截图，可自定义样式
• carbon 可以将代码片段的生成图片，用与插入文章
• Termius 一个简洁好用的 SSH 客户端，界面高端大气
• 木极简历 一款使用 Markdown 编写简历的导出 PDF 的工具，免费使用
• 小码短域名 可以将长域名生成短域名的工具
• shields 用于生成小标签
• WinSCP 一款服务器管理平台
• logoly Pornhub 风格的徽标生成器，可以自定义排版和文字，生成挖掘机主题风格 Logo
• vectorMagic 轻轻松松 把 JPG、PNG、GIF 文件 转换成 PDF、SVG、EPS 矢量图像
• Squoosh 可以压缩图片的工具
• 宝塔 简单好用的 Linux / Windows 服务器运维管理面板
• 在线 PS 节约下载 PS 的时间，直接使用在线版
• PPT 超级市场 PPT 超级市场，所有 PPT 均可免费下载

梯子相关

• 在人间 在人间加速器
• AURORA 免费极光加速器
• Superfast 一款加速器（收费版）
• 西游 西游加速器
• vpncn.github.io 2022 中国翻墙软件 VPN 推荐以及科学上网避坑，稳定好用。对比 SSR 机场、蓝灯、V2ray、老王 VPN、VPS 搭建梯子等科学上网与翻墙软件，中国最新科学上网翻墙梯子 VPN 下载推荐
• fanqiang 翻墙科学上网

UI 设计相关

• 中国色 中国风格的颜色库
• uiverse 一个用 html 和 css 实现的精美元素网站，包括按钮、输入框、开关等
• SvgWave svg 波浪生成器
• MagicPattern 可以生产 css 的惊艳背景效果
• Custom Shape Dividers 自定义形状分隔线，可以生产 svg 的形状
• You-need-to-know-css 💄Web 开发者的 CSS 技巧~里面有多种 css 的案例效果提供使用
• Flowbite Flowbite 是使用 Tailwind CSS 构建的 UI 组件的免费开源集合
• Preline UI Preline UI 是一组基于实用程序第一个 Tailwind CSS 框架的开源预构建 UI 组件。
• NavNav+ 各种 css 特效
• cssFx css 动画合集
• headless 完全无样式、完全可访问的 UI 组件，旨在与 Tailwind CSS 完美集成。
• codepen 各种动画效果组件，可直接复制代码