我自己写的一个几年的总结，主要基于 mac，其他平台可能不太适用，注意区分

从图片中获取指定部位的颜色，并提供多种格式

具备比较全的图像处理工具

图像压缩

移除图片背景

json 格式化，可以指定格式化的规则，比如缩进等

判断两份json之间的差异

数据处理工具，可以做很多结构化数据的在线转换，比如 json 转 typescript、json 转 Graphql、xml 转 json 等等

具备比较全的数据处理工具，涵盖 json、base64、代码格式化等

快速查看多种3d模型文件

基于已有图片快速生成网站图标

快速生成好看的代码图片，可以选择多种代码，比如c++/js/java等，并提供多种导出方式

查看一些 html、css、js 属性的兼容性

在线思维导图

提供有关开放 Web 技术的信息，包括用于 Web 站点和渐进式 Web 应用程序的 HTML、CSS 和 API，内容大而全

网道（WangDoc.com）是一个文档网站，提供互联网开发文档，包含 html、js、es6、c语言等，内容通俗易懂

JavaScript 秘密花园是一个不断更新，主要关心 JavaScript 一些古怪用法的文档。对于如何避免常见的错误，难以发现的问题，以及性能问题和不好的实践给出建议， 初学者可以籍此深入了解 JavaScript 的语言特性

用于构建 Web 和原生交互界面的库

九部成员合著的web前端开发零基础入门手册

一个全球最大的中文 Web 技术教程。在 W3School，你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP 和 ASP.NET。

本站教授的是现在广泛使用于网站布局领域的CSS基础

通关的方式帮助你快速上手 Git

汇聚了 Git 社区的很多精华, 帮助你尽快的掌握 Git

js 资源集合，相关库的学习资源都可以尝试在 github 通过 awesome 前缀搜索

css 资源集合

react 资源集合

阿里图标库，千万矢量图标素材，可以导出为 svg 或 png 等格式

有很多免费的高清素材照片

免费音频文件

用于构建 Web 和原生交互界面的库

易学易用，性能出色，适用场景丰富的 Web 前端框架

Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和 Vue 在浏览器中需要做大量的工作，而 Svelte 将这些工作放到构建应用程序的编译阶段来处理

一套框架，多种平台，同时适用手机与桌面。原来的三大框架之一，现在使用趋势在下滑..

一个用于构建用户界面，简单高效、性能卓越的JavaScript库

React 的轻量级替代方案，体积仅有 3kB，并且拥有与 React 相同的 API

Next.js 是一个基于react的全栈框架，提供了生产环境所需的所有功能以及最佳的开发体验：包括静态及服务器端融合渲染、支持 TypeScript、智能化打包、路由预取等功能

Remix 是一个全栈 Web 框架，可让您专注于用户界面并通过 Web 标准进行工作，以提供快速、流畅且有弹性的用户体验。人们会喜欢使用你的东西

Nuxt是一个基于 vue 的开源框架，使得Web开发变得直观且强大。可以自信地创建高性能和生产级别的全栈Web应用和网站

Astro 是一个偏向于构建内容型网站的框架，其最大的亮点是岛屿架构，岛屿架构可以最大限度的提高页面的性能、减小页面静态资源的体积

SvelteKit 是 Svelte 的官方开源框架，从名字就能看得出来它是基于 Svelte 的，功能和设计与 Next.js、Nuxt.js 类似

Qwik是一种新的框架，无论应用大小和复杂度如何，它都能瞬间打开。你的站点和应用只需要1KB大小的JS即可启动（无论应用多复杂）。即使以后应用复杂度不断提高，网站启动的性能是始终不变的

Gatsby 是一个基于 React 的免费、开源框架，用于帮助开发者构建运行速度极快的网站和应用程序

基于 React，快速构建以内容为核心的最佳网站

Vue 驱动的静态网站生成器

快速、简洁且高效的博客框架

webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容

基于 Rust 实现的一系列 Complier 工具

JavaScript 打包器，将点滴代码编织成错综复杂的程序

esbuild 构建工具的核心目标是开创构建工具性能的新时代， 同时创建一个易于使用的现代构建工具

基于 rollup 和 esbuild，号称下一代前端开发与构建工具

极速零配置Web应用打包工具

Three.js是一个基于原生WebGl封装运行的三维引擎，是国内使用最广泛，中文参考文档最多的三维引擎

Fabric.js 是一个功能强大的Canvas 库，它在原生Canvas 之上提供了交互式对象模型、多种易用的API 和SVG 解析器等，通过简洁的API 就可以在画布上进行丰富的操作，并且支持多种的事件方法

一个基于 JavaScript 的开源可视化图表库

这是一个基于 React 的前端UI 组件库，它提供了丰富的UI 组件，如按钮、表单、布局、导航、反馈、数据录入、日期选择等，可以帮助开发者快速构建响应式的Web 应用程序

这是一个基于 Vue 的前端UI 组件库，它提供了丰富的UI 组件，如按钮、表单、布局、导航、反馈、数据录入、日期选择等，可以帮助开发者快速构建响应式的Web 应用程序

Bootstrap 是一个功能丰富的 css 库

适用于 Nextjs 的 UI 库

本质上是一个工具集，包含了大量类似 flex、 pt-4、 text-center 以及 rotate-90 等工具类，可以组合使用并直接在 HTML 代码上实现任何 UI 设计

是一个用 JavaScript 工具和插件转换 CSS 代码的工具

世界上最成熟、最稳定、最强大的专业级CSS预处理语言

Axios 是一个简单的基于 Promise 的 HTTP 客户端，适用于浏览器和 Node.js。Axios 在一个小包中提供了一个简单易用的库，具有非常可扩展的接口

Lodash 是一个一致性、模块化、高性能的JavaScript 实用工具库。 Lodash 遵循MIT 开源协议发布，并且支持最新的运行环境

Moment.js 的 2kB 轻量化方案，拥有同样强大的 API

jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单

Node.js 是一个开源的、跨平台的 JavaScript 运行时环境

Deno 是一个简单、先进且安全的 JavaScript 和 TypeScript 运行时环境，其基于 V8 引擎并采用 Rust 编程语言构建

Bun 是一个快速的 JavaScript 运行时，号称性能比前两者更强

Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造，致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。 Koa 并没有捆绑任何中间件， 而是提供了一套优雅的方法，帮助您快速而愉快地编写服务端应用程序

基于 Node.js 平台，快速、开放、极简的 Web 开发框架

基于 koa2 的企业级 Node.js 框架，为企业级框架和应用而生

用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架，完美支持 Typescript，面向 AOP 编程，支持 Typeorm，高并发，异步非阻塞 IO，Node.js 版的 spring，构建微服务应用

使用 React 来创建 Android 和 iOS 的原生应用，React Native 将原生开发的最佳部分与 React 相结合， 致力于成为构建用户界面的顶尖 JavaScript 框架。

基于 rust 编写的终端工具，默认使用 zsh 和支持输入记忆和提示，界面也挺美观的，但是默认并没有很好的代码高亮，比如针对 zsh alias 没有高亮

mac 神器不用多说，可以快速搜索文件和打开应用等

云谦的周刊，希望借此周刊能让大家用最少的时间了解前端社区变化

阮一峰的周刊，记录每周值得分享的科技内容，周五发布

国内的开发者技术类内容分享社区

以技术问答、技术博客、技术课程、技术资讯为核心的产品形态，为开发者提供纯粹、高质的技术交流平台

全球最大的IT技术问答社区

Medium 是一个广受欢迎的社区和博客平台，用户可以在平台上发布和分享自己的文章、博客、故事等内容，并与其他用户进行交流和互动

经过多年耕耘和沉淀，团队已经建成了比较完备的技术体系，有基于主流开源技术加自研的大数据、人工智能、基础架构、复杂业务系统平台，和比较完备的运维、安全、风控系统

JDR Design 隶属于京东零售集团，专注于无界零售下完美购物体验的设计探索与尝试

专注web前端偏前领域，在css领域上颇有造诣

JSON自动格式化、手动格式化，支持排序、解码、下载等，更多功能可在配置页按需安装！

中英翻译，右键快速查词，多个词库供参考

在 VSCode 中增强 Git，通过 Git 责任注释和 CodeLens 可视化代码作者身份，无缝导航和探索 Git 存储库，通过丰富的可视化和强大的比较命令获得有价值的见解

查看引入文件的大小，比如 import、require 引入的依赖

在线代码编辑，支持多种框架，可以快速建立demo验证，也能保存历史的编辑记录

在线模拟终端编辑，可以帮助练习shell命令

lexical富文本在线编辑

echarts 图表在线编辑

babel 在线编辑和预览，可以帮助理解一些新的语法糖

AST 在线编辑

prettier 规则编辑和快速预览格式化代码

Figma 是一个基于浏览器的协作式UI 设计工具，从推出至今越来越受到UI 设计师的青睐，也有很多的设计团队投入了Figma 的怀抱

一门赋予每个人构建可靠且高效软件能力的语言