Skip to content

Latest commit

 

History

History
778 lines (661 loc) · 79.3 KB

README.zh-CN.md

File metadata and controls

778 lines (661 loc) · 79.3 KB

前端开发者工具(大部分)

简体中文｜ English

推荐打开右上角Outline浏览

工具目录 / 搜索 / 发现 / 比较服务

  • AlternativeTo - 一项免费服务，可帮助您找到您喜欢和讨厌的产品的更好替代品。
  • awesome - 一个精选的awesome列表。
  • awesomeopensource - 通过搜索，浏览和组合主题来查找开源。
  • awesome-react-components - React 组件和库的精选列表。
  • 最好的JavaScript - 一个找到最好的组件来构建令人惊叹的Web应用程序的地方。
  • CSS Script - 一个Javascript和CSS代码库，旨在为Web/移动开发人员和设计师提供最新，最好和免费的CSS和JavaScript资源。
  • 开发人员免费的产品 - 软件列表（SaaS、PaaS、IaaS 等）和其他为开发人员提供免费层的产品。
  • headlesscms.org - JAMstack 站点的内容管理系统列表。
  • iReact - 帮助你发现最棒、最强大的 React 组件和库，并让你轻松选择一个适合你的。
  • JavaScripting - 最好的JavaScript库，框架和插件的权威来源。
  • jQuery 插件的分类集合。
  • JqueryScript.Net - jQuery插件网站之一，为网页设计师和开发人员提供了一种简单的方法来预览和下载各种免费的jQuery插件。
  • JSter - 前端JavaScript库的目录。
  • JS.coach - 一个开源JS包。
  • LibHunt - 我们的目标是帮助您找到所需的软件和库。所有列表均由来自相关 GitHub 社区的许多专家精心制作。
  • Libraries.io - 帮助开发人员找到新的开源库、模块和框架，并跟踪他们所依赖的库、模块和框架。
  • MicroJS - 一些极小的JS工具库！
  • Moiva - 测量和比较 JavaScript 库。
  • Node框架 - 精心挑选的 Node.js 框架注册表。
  • Node.js 工具箱 - 在 Node.js 生态系统中查找积极维护和流行的库。
  • NPMCompare - 搜索和比较 npm 包。
  • NPMS - 一个更好的开源Node模块搜索。
  • npm 趋势 - 比较一段时间内的包下载计数。
  • Openbase - 一个帮助开发人员浏览开源世界并做出更明智选择的平台。
  • Pika - 在 npm 中搜索快速、现代的软件包。
  • Redux 生态系统链接 插件库的分类列表，以及其他密切相关的库。
  • Slant - 一个产品推荐社区，帮助人们与最适合他们的产品联系起来。
  • StackShare - 发现和讨论最好的软件工具和服务。
  • StaticGen.com - 顶级开源静态站点生成器的排行榜。
  • Unheap - 一个整洁的JavaScript插件存储库。
  • VueScript.com - 旨在为 Web 应用程序开发人员提供最新的免费 Vue.js 组件。
  • webcomponents.org - 发布、浏览和搜索可重用 Web UI 组件的位置。

ECMAScript / JavaScript

JavaScript运行环境

  • Deno - 一个JavaScript / TypeScript运行环境，具有安全的默认值和出色的开发人员体验。
  • Node.js - 一个异步事件驱动的JavaScript运行环境，旨在构建可扩展的网络应用程序。
  • Ringo - 一个基于JVM构建的JavaScript平台，并针对服务器端应用程序进行了优化。

JavaScript 变体 / 编译器 / 转译器

  • Babel - 一个JavaScript编译器。
  • Bublé - 快速，包含电池的ES2015编译器。
  • Sucrase - Babel的超快速替代品，当你可以针对现代JS运行时时。
  • SWC - 一个 TypeScript / JavaScript 编译器。它使用现代JavaScript功能获取JavaScript / TypeScript文件，并输出所有主要浏览器支持的有效代码。
  • TypeScript - 一个 JavaScript 的类型化超集，编译为纯 JavaScript。

JavaScript 框架

  • Angular 2 - 用于构建移动和桌面Web应用程序的开发平台。
  • Aurelia-一个用于移动，桌面和Web的JavaScript客户端框架，利用简单的约定并增强创造力。
  • choo - 用于创建稳固的前端应用程序的框架。
  • CycloW - 一个响应式的前端框架。
  • Ember - Ember.js是一个高效的、久经考验的JavaScript框架，用于构建现代Web应用程序。
  • HyperApp - 一个用于构建前端应用程序的JavaScript库。
  • Mithril - 一个现代的客户端Javascript框架，用于构建单页应用程序。
  • qooxdoo - 一个通用的JavaScript框架，使您能够为各种平台创建应用程序。

JavaScript UI （view） 库 / 框架

  • Alpine.js - 一个稳固的最小框架，用于在标记中编写 JavaScript 行为。Alpine.js 以更低的成本为您提供了 Vue 或 React 等大型框架的响应式和声明性。
  • Cell - 一个由自驱动DOM驱动的自构建Web应用程序框架。
  • Inferno - 一个非常快速的、类似 React 的 JavaScript 库，用于构建现代用户界面。
  • markojs - 一个友好的（而且快速！使构建 Web 应用程序变得有趣的 UI 库。
  • Melody - 一个快速且内存高效的库，用于创建高度动态的用户界面。
  • Monkberry - 极快，小巧简单的JavaScript库，用于构建Web用户界面。
  • Moon - 用于功能用户界面的最小和快速库。
  • Nerv - 一个超快的React替代品，与IE8和React 16兼容。
  • Preact - 快速 3kb 替代 React，使用相同的 ES6 API。
  • Ractive.js - 一个JavaScript库，用于构建响应式用户界面，不会强迫你进入特定框架的思维方式。
  • React - 一个用于构建用户界面的 JavaScript 库。
  • Riot - 简单而优雅的基于组件的UI库。
  • Solid - 一个声明性的、高效的、灵活的 JavaScript 库，用于构建用户界面。
  • Svelte - 不是在运行时解释应用程序代码，而是在构建时将应用程序转换为理想的 JavaScript。
  • Vue.js - 用于构建现代 Web 界面的简单而强大的库。

基于 React 的库 / 框架 / 平台

  • Ant Design - 一种企业级的UI设计语言和基于React的实现。
  • blueprintjs - 一个基于 React 的 Web UI 工具包。它针对为桌面应用程序构建复杂的数据密集型 Web 界面进行了优化。
  • Chakra UI - 一个简单、模块化和可访问的组件库，为您提供构建 React 应用程序所需的所有构建块。
  • dva - 基于 React 和 Redux，轻量级和 Elm 风格的框架。
  • Electrode - 一个用于构建通用 React/Node.js 应用程序的平台，具有标准化结构、最佳实践和现代技术。
  • Elemental UI - 用于 React.js 网站和应用程序的 UI 工具包。
  • Fusion.js - 用于快速、强大的 React 应用程序的现代框架。Fusion.js是一个通用的Web框架，代表客户端和服务器的融合。它适用于开箱即用的服务器端渲染，其插件驱动的架构允许将复杂的前端和后端逻辑封装在单个插件中。
  • Grommet - 一个基于 React 的框架，在一个整洁的包中提供可访问性、模块化、响应性和主题。
  • libreact - 任何项目中都可能需要的最重要的 React 实用程序的集合。
  • Material-UI - 一组实现 Google Material 设计的 React 组件。
  • react-md - 一个可访问的 React 组件库，基于 Sass 中的材料设计指南构建。
  • React 工具包 - 一组实现 Google Material Design 规范的 React 组件。
  • ReactXP - 一个使用 React 和 React Native 进行跨平台应用程序开发的库。
  • Rebass - 使用 Styled System 构建的 React 基元 UI 组件。

基于 Vue 的库/框架

  • BalmUI - BalmUI是一个Google Material设计系统，由开源代码支持，可帮助团队构建高质量的数字体验。
  • Buefy - 一个基于 Bulma 框架和设计的 Vue 响应式 UI 组件的轻量级库.js。
  • element - 一个 Vue.js 2.0 UI 工具包。
  • iView - 一个基于 Vue.js 构建的高质量 UI 工具包。
  • Keen UI - 使用 Vue 编写的基本 UI 组件的轻量级集合.js并受到 Material Design 的启发。
  • Muse UI - 一个基于 Vue 2.0 和 Material Design 的 UI 组件库。
  • quasar - 企业级跨平台VueJs框架。
  • Vuetify.js - Vue.js 2 的组件框架。
  • Vue Material - 简单，轻量级，完全按照Google Material Design规范构建。构建设计良好的应用程序，这些应用程序可以适应每个屏幕，支持所有现代 Web 浏览器，具有动态主题、按需组件以及易于使用的 API。

前端 / CSS 框架

  • AgnosticUI - 一个UI组件库，旨在与多个JavaScript框架（React，Vue，Svelte和Angular）一起使用。
  • Blaze - 一个开源的模块化工具包。它为快速构建具有可扩展和可维护基础的网站提供了很好的结构。
  • Bootflat - 一个基于Bootstrap 3.3.0 CSS框架的开源Flat UI KIT。
  • Bootstrap - 一个开源工具包，用于使用 HTML、CSS 和 JS 进行开发。
  • Bulma - 一个基于Flexbox的现代CSS框架。
  • designmodo - 。免费用户界面套件
  • Foundation - 世界上最先进的响应式前端框架。
  • Froala设计一组170 +基于Bootstrap的设计块，可用于创建干净的现代网站。
  • GroundworkCSS（过时） - 一个完全响应的HTML5，CSS和Javascript工具包。
  • gethalfmoon - 具有内置暗模式的前端框架，并使用CSS变量进行完全可定制;非常适合构建仪表板和工具。
  • Ink - 用于快速开发 Web 界面的界面套件，易于使用和扩展。
  • inuitcss - 可扩展、可扩展、基于 Sass、OOCSS 框架，适用于大型和持久的 UI 项目。它不会为您提供开箱即用的 UI 和设计，相反，它为您提供了一个坚实的架构基线，在此基础上完成您自己的工作。
  • Kube - 干净，简约，快速实现CSS和JS框架，适用于专业开发人员和设计师。
  • Web 材质组件 - 适用于 Web 的模块化和可自定义的材质设计 UI 组件。这些组件由 Google 的工程师和 UX 设计师核心团队开发，可实现可靠的开发工作流程，以构建美观且功能强大的 Web 项目。
  • Material Design Lite - 允许您为您的网站添加Material Design外观。它不依赖于任何JavaScript框架，旨在针对跨设备使用进行优化，在旧浏览器中优雅地降级，并提供可立即访问的体验。
  • Material Framework - 一个简单的响应式CSS框架，允许您将Material Design集成到任何网页或Web应用程序中。
  • Materialize - 一个基于Material Design的现代响应式前端框架。
  • Metro UI - 时尚、直观且功能强大的前端框架，可实现更快、更轻松的 Web 开发。使用 Metro 风格中的第一个前端组件库在 Web 上构建响应迅速、移动优先的项目。
  • polymer-library - 库、工具和模式，可帮助开发人员构建现代渐进式 Web 应用程序，充分利用 Web 组件、Service Worker 和 HTTP/2 等尖端平台功能。
  • semantic-u - 一个开发框架，有助于使用人性化的 HTML 创建美观、响应式布局。
  • shorthandcss - 一个免费的开源 css 框架，允许您在不编写任何 css 的情况下进行独特而现代的设计。
  • Spectre.css - 一个轻量级，响应迅速和现代的CSS框架。
  • Tailwind CSS - 一个实用程序优先的CSS框架，用于快速UI开发。
  • topcoat - 用于干净快速的 Web 应用程序的 CSS。
  • Turret - 一种样式和浏览器行为规范化框架，用于快速开发响应式和可访问的网站。
  • UIkit - 一个轻量级和模块化的前端框架，用于开发快速而强大的Web界面。
  • 小型 CSS 库 / 工具包
    • Basscss - 低级 CSS 工具包，一个轻量级的不可变实用程序集合，旨在提高速度、清晰度、性能和可扩展性。
    • Cutestrap - 一个时髦的，固执己见的CSS框架。Bootstrap的一个小替代品。
    • mini.css - 一个最小的，响应式的，与样式无关的CSS框架。
    • Mobi.css - 一个轻量级、可扩展、移动优先的 CSS 框架。
    • Picnic CSS - 一个侵入性的CSS库，让你的风格开始。
    • Pure - 一组小型的响应式CSS模块，您可以在每个Web项目中使用。
    • 骨架 - 一个非常简单、响应迅速的样板。
    • Tachyons - 使用尽可能少的 css 创建快速加载、高度可读和 100% 响应式的界面。
    • Wing - 一个为极简主义者设计的漂亮CSS框架。

Shim, polyfill

  • core-js - JavaScript的模块化标准库。包括 ECMAScript 5、2015、2016、2017 的 polyfill。
  • ECMAScript Shims - 一个社区宿主，用于提供符合 EcmaScript 规范的填充程序和填充码。
    • es5-shim - monkey-patch 一个 JavaScript 上下文，以包含所有可以使用传统 JavaScript 引擎忠实模拟的 EcmaScript 5 方法。
    • es6-shim - 提供兼容性填充程序，以便传统的 JavaScript 引擎的行为尽可能接近 ECMAScript 6。
    • es7-shim - 包含可用于对 JavaScript 上下文进行猴子修补的填充程序，以包含所有可以使用传统 JavaScript 引擎忠实模拟的 ECMAScript 7 方法。
  • Intl.js - JavaScript 的 ECMAScript 国际化 API （ECMA-402） 的兼容性实现。

网站开发

  • Astro - 一个多合一的网络框架，用于构建快速，以内容为中心的网站。
  • Next.js - 一个JavaScript框架，允许您使用React构建服务器端渲染和静态Web应用程序。
  • zeroserver - 简化现代 Web 开发的 Web 框架。这就像在 Node.js、React、HTML、MDX、Vue 和静态文件的混合中编写代码并将它们全部放在一个文件夹中一样简单。Zero 抽象了路由、捆绑和转译的常用项目配置，以便于入门。

移动开发

  • Ionic - 开源移动应用程序开发框架，可通过 Web 技术轻松构建高质量的本机和渐进式 Web 应用程序。
  • NativeScript - 一个开源框架，用于使用 JavaScript 和 CSS 构建真正的原生移动应用程序。
  • React Native - 使用 JavaScript 和 React 构建原生移动应用程序。

桌面开发

  • Electron - 一个框架，允许您使用JavaScript，HTML和CSS编写跨平台桌面应用程序。
  • NodeGui - 一个开源库，用于构建具有JavaScript和CSS样式的跨平台本机桌面应用程序。NodeGui基于Qt5而不是chromium，因此它是内存和CPU效率的。React NodeGui 是 NodeGui 的 React 渲染器。
  • NW.js - 基于 Chromium 和 node.js 的应用程序运行时。您可以使用NW.js在HTML和JavaScript中编写本机应用程序。
  • Proton Native - 跨平台原生桌面应用程序的 React 环境。

数据/模型/状态管理库

  • Breeze - 面向用JavaScript编写的数据管理库。如果您将数据存储在数据库中，查询这些数据并将其保存为复杂的对象图，并在 JavaScript 客户端的多个屏幕上共享这些图，那么 Breeze 适合您。
  • Cerebral - 用于流行JavaScript框架的声明性状态和副作用管理解决方案。
  • Effector - Javascript 应用程序的有效多存储状态管理器，允许您管理复杂应用程序中的数据，而不会有膨胀整体中央存储的风险，具有清晰的控制流、良好的类型支持和高容量 API。
  • freactal - 一个用于 React 的可组合状态管理库。
  • JSData - 一个与框架无关、与数据存储无关的 ORM，用于 Node.js 和浏览器。
  • microstates - 一种功能运行时类型系统，旨在简化基于组件的应用程序的状态管理。它允许您从原子状态机以声明方式编写应用程序状态。
  • MobX - 一个经过实战考验的库，通过透明地应用函数式反应式编程，使状态管理变得简单且可扩展。
  • NuclearJS - 使用不可变JS数据结构构建的活功通量。
  • Orbit - 一个可组合的数据框架，用于管理当今 Web 应用程序的复杂需求。虽然 Orbit 主要用作灵活的客户端 ORM，但它也可以在 Node.js 中的服务器端使用。
  • overmindjs - 无障碍状态管理。Overmind 旨在提供您关注的开发人员体验，将状态管理的编排减少到最低限度。
  • Redux - JavaScript应用程序的可预测状态容器。
  • Storeon - 一个基于事件的小型类似 Redux 的状态管理器，用于 React 和 Preact。
  • Transis - 一个 JavaScript 数据建模库，可用于创建丰富的客户端体验。
  • Undux - Flux和Redux的简单且类型安全的替代品。使用它来管理各种规模的 ReactJS 应用程序的状态和数据。
  • Unistore - 一个微小的集中式状态容器，带有 Preact 和 React 的组件绑定。
  • watermelondb - 构建强大的 React 和 React Native 应用程序，从数百条记录扩展到数万条记录并保持快速。
  • 基于 Redux 的库
    • Easy Peasy - 为您提供直观的 API，可以快速轻松地管理 React 应用程序的状态。无需配置即可支持派生状态、API 调用、性能优化、开发人员工具等。
    • Kea - 为 React 应用程序构建的生产级状态管理框架。Kea建立在Redux之上，并利用其底层功能原则。
    • Redux Toolkit - 官方的，固执己见的，包含电池的工具集，用于高效的Redux开发。
    • rematchjs - 没有样板的 Redux 最佳实践。

数据库

  • AlaSQL - 用于浏览器和 Node.js的 JavaScript SQL 数据库。处理传统的关系表和嵌套的 JSON 数据 （NoSQL）。从 localStorage、IndexedDB 或 Excel 导出、存储和导入数据。
  • DataScript - 用于 Clojure、ClojureScript 和 JS 的不可变数据库和数据日志查询引擎。
  • ForerunnerDB - 一个NoSQL JavaScript JSON数据库，具有基于MongoDB的查询语言（有一些差异），并在浏览器和Node.js上运行。
  • LokiJS - 一个用javascript编写的面向文档的数据库。其目的是以nosql方式将javascript对象存储为文档，并使用类似的机制检索它们。在node（包括cordova/phonegap和node-webkit）、nativescript和浏览器中运行。
  • Lowdb - 一个用于小型项目的小型本地数据库（由lodash API提供支持）。
  • nanoSQL - 客户端、服务器和移动设备的通用数据库层。这就像数据库的乐高。
  • NeDB - 嵌入持久或内存数据库，用于Node.js，nw.js，Electron和浏览器，100%JavaScript，无二进制依赖。
  • PouchDB - 一个受Apache CouchDB启发的开源JavaScript数据库，旨在在浏览器中运行良好。它使应用程序能够在离线时在本地存储数据，然后在应用程序重新上线时将其与 CouchDB 和兼容服务器同步，无论用户下次登录何处，都能保持用户的数据同步。
  • RxDB - JavaScript应用程序的实时数据库。RxDB是一个NoSQL数据库，用于JavaScript应用程序，如网站，混合应用程序，电子应用程序，渐进式Web应用程序和NodeJs。
  • TingoDB - 一个嵌入式JavaScript进程内文件系统或内存数据库，在API级别与MongoDB兼容。

国际化/本地化

  • Project Fluent的JavaScript实现，这是一个旨在释放自然语言表达能力的本地化框架。
  • FormatJS - 用于国际化的JavaScript库的模块化集合，专注于格式化数字，日期和字符串以显示给人们。它包括一组基于 JavaScript Intl 内置和行业标准 i18n 标准构建的核心库，以及一组用于通用模板和组件库的集成。
  • Globalize - 一个用于国际化和本地化的 JavaScript 库，利用官方的 Unicode CLDR JSON 数据。Globalize 提供数字格式设置和分析、日期和时间格式设置和分析、货币格式、消息格式（ICU 消息格式模式）和复数支持。
  • i18next - 一个用JavaScript编写的国际化框架。它为您提供了一个完整的解决方案，将您的产品从网络本地化为移动设备和桌面。
  • lingui - 一个简单而强大的全球项目国际化框架。

JavaScript 实用程序库

  • 101 - 一个现代的JS实用程序库。
  • Licia - 零依赖关系的有用实用程序集合。
  • Lodash - 一个现代的JavaScript实用程序库，提供模块化，性能和附加功能。
  • Mout - 模块化JavaScript实用程序的集合，可以在浏览器中用作AMD模块或在node.js上使用。
  • Sugar - 一个用于处理本机对象的Javascript实用程序库。
  • Umbrella - 可以组合在一起的函数式编程库的集合。
  • Underscore - 一个JavaScript库，它提供了一大堆有用的函数式编程助手，而无需扩展任何内置对象。

JavaScript 模块系统和加载器

  • SystemJS - 动态 ES 模块加载器。
  • AMD：
    • curl.js（过时） - 一个小型且非常快速的AMD兼容异步加载程序。
    • require.js - JavaScript 文件和模块加载器。
  • CommonJS：
    • Cajon - 浏览器的JavaScript模块加载器，可以加载CommonJS/node和AMD模块。它建立在RequireJS之上。
    • require1k - 一个最小但实用的 CommonJS/Node.js需要浏览器的模块加载器，小于 1000 字节。
  • ECMAScript 6：
    • Snowpack - 使用 Snowpack，您可以在没有捆绑器（如 Webpack、Parcel、Rollup ）的情况下构建现代 Web 应用程序（使用 React、Vue 等）。不再需要等待您的捆绑器重建您的网站。相反，每个更改都会立即反映在浏览器中。

模块和资源打包器

  • browserify - 允许您通过捆绑所有依赖项在浏览器中。require('modules')
  • esbuild - 一个非常快的JavaScript捆绑器。
  • FuseBox - 一个捆绑器/模块加载器，结合了 webpack、JSPM 和 SystemJS 的强大功能。它将在几分之一秒内编译和捆绑您的代码，同时提供全面的加载器 API。
  • gluejs - 为浏览器打包 Node/CommonJS 模块。
  • Lasso.js - JavaScript模块捆绑器，它还提供第一级支持，以最佳方式将JavaScript，CSS，图像和其他资产交付给浏览器。提供许多不同的优化，例如捆绑、代码拆分、延迟加载、条件依赖项、压缩和指纹资源 URL。
  • microbundle - 用于微型模块的零配置捆绑器。
  • parceljs - 超快、零配置 Web 应用程序捆绑器。
  • @pika/pack - 开发人员工具，使用简单的预配置构建插件来创建您的现代包。
  • Poi - 开发功能强大的 Web 应用程序，无需构建配置，直到您需要为止。
  • Rollup - JavaScript的模块捆绑器，它将小段代码编译成更大更复杂的东西，例如库或应用程序。
  • SystemJS Builder - 为混合依赖模块树的 SystemJS 提供单文件构建。
  • Vite - 一种新型的前端构建工具，可显著改善前端开发体验。
  • webpack - 一个模块捆绑器。它的主要目的是捆绑JavaScript文件以便在浏览器中使用，但它也能够转换，捆绑或打包几乎任何资源或资产。

包管理器

  • bower（过时） - 网络的包管理器。
  • Duo（过时的Github存储库） - 下一代包管理器，融合了Component，Browserify和Go的最佳想法，使组织和编写前端代码变得快速而轻松。
  • jspm - 用于SystemJS通用模块加载器的注册表和格式无关的JavaScript包管理器。
  • npm - JavaScript的包管理器。
  • PNPM - 快速、节省磁盘空间的包管理器。
  • yarnpkg - 快速、可靠和安全的依赖关系管理。

CSS 处理器

  • EQCSS - 用于元素查询等的CSS扩展。
  • lesscss - 动态样式表语言。
  • PostCSS - 一个用JavaScript转换CSS的工具。
  • Sass - CSS 的扩展，添加嵌套规则、变量、mixins、选择器继承等。
  • stylus-lang - 富有表现力、健壮、功能丰富的语言，提供了一种高效、动态和富有表现力的方式来生成 CSS。

CSS 工具

  • 更改 SVG 颜色 （Github） - 将十六进制、Rgba、HSLA 颜色转换为 CSS 过滤器。CSS过滤器可用于更改SVG颜色。
  • CSS渐变 - 一个网站和免费工具，可让您为网站创建渐变背景。
  • 关键帧 - 一个免费的工具包，用于生成和实时预览不同的CSS属性，以及其他一些Web开发工具。
  • 平滑阴影 - 制作平滑阴影。

检查、验证、清单

  • 网页检查清单 - 在将您的网站/HTML页面启动到生产环境之前，您需要拥有/测试的所有元素的详尽列表。
  • lint-staged - 针对暂存的 git 文件运行 linter。此项目包含一个脚本，该脚本将运行任意 shell 任务，并将暂存文件列表作为参数，按指定的 glob 模式进行筛选
  • textlint - 用于文本和Markdown的可插拔的linting工具，适用于对自然语言文本进行lint处理。
  • WebHint - 一个用于Web的linting工具。
  • Web开发人员清单 - 所有认真的Web开发人员构建现代网站的最终清单。
  • .CSS
    • CSSLint - 一个帮助指出CSS代码问题的工具。它执行基本的语法检查，并将一组规则应用于代码，以查找有问题的模式或低效率的迹象。这些规则都是可插拔的，因此您可以轻松编写自己的规则或省略不需要的规则。
    • PurgeCSS - 一个从项目中删除未使用的CSS的工具。
    • Stylelint - 一个强大的现代棉绒，可帮助您避免错误并在样式中强制执行约定。
    • uncss - 一个从样式表中删除未使用的CSS的工具。它适用于多个文件，并支持Javascript注入的CSS。
  • .HTML
    • HTML 检查器 - 一个高度可定制的代码质量工具，可帮助您编写更好的标记。
    • HTMLHint - HTML所需的静态代码分析工具。
  • JavaScript 和变体
    • deadfile - 在任何JavaScript项目中查找死代码和未使用的文件（ES5，ES6，React，Vue等）的简单工具。
    • depcheck - 用于分析项目中的依赖项的工具，以查看：如何使用每个依赖项，哪些依赖项无用，以及缺少哪些依赖项。package.json
    • ESLint - 用于JavaScript和JSX的可插拔linting实用程序。
    • JSHint - 一个有助于检测JavaScript代码中的错误和潜在问题的工具。
    • quick-lint-js - 查找JavaScript程序中的错误。检查任何没有配置的 JavaScript 文件。
    • TSLint - 一个可扩展的静态分析工具，用于检查 TypeScript 代码的可读性、可维护性和功能错误。它在现代编辑器和构建系统中得到广泛支持，并且可以使用您自己的 lint 规则、配置和格式化程序进行自定义。
    • ts-prune - 在 Typescript 项目中查找可能未使用的导出，无需配置。
    • unimported - 查找并修复 JavaScript 项目中悬空文件和未使用的依赖项。
    • XO - 固执己见但可配置的 ESLint 包装器，包含许多好东西。

测试

  • AVA - Node的测试运行程序.js具有简洁的API，详细的错误输出，采用新的语言功能和进程隔离，使您可以更有效地编写测试。
  • BackstopJS - 通过比较一段时间内的 DOM 屏幕截图，自动对响应式 Web UI 进行可视化回归测试。
  • Chai - 一个用于Node和浏览器的BDD / TDD断言库，可以与任何javascript测试框架愉快地配对。
  • CodeceptJS - NodeJS的验收测试框架。CodeceptJS是一个使用WebDriver（或其他）进行端到端测试的测试框架。它将浏览器交互抽象为从用户角度编写的简单步骤。
  • cypress - 一个在浏览器中运行单元和集成测试的测试引擎。
  • Enzyme - 一个用于 React 的 JavaScript 测试实用程序，可以更轻松地测试 React 组件的输出。您还可以操作、遍历和以某种方式模拟给定输出的运行时。
  • Gauge - 一种轻量级的跨平台测试自动化工具。它提供了用业务语言编写测试用例的功能。
  • Intern - 一个完整的 JavaScript 测试系统，旨在帮助您为 JavaScript 库和应用程序编写和运行一致、高质量的测试用例。
  • istanbul - JS代码覆盖率工具，用于计算语句，行，函数和分支覆盖率。
  • Jasmine - 一个用于测试 JavaScript 代码的行为驱动开发框架。
  • Jest - 一个令人愉快的JavaScript测试框架，专注于简单性。
  • Karma - 一个允许您在多个真实浏览器中执行JavaScript代码的工具。
  • majestic - 零配置 GUI。
  • Mocha - 简单、灵活、有趣的 JavaScript 测试框架，用于 Node.js 和 The Browser。
  • Mock Service Worker - 一个用于浏览器和 Node.js 的 API 模拟库。
  • responsively - 一个修改过的浏览器，有助于响应式Web开发。
  • QA Wolf - 一个用于创建浏览器测试的 Node.js 库。
  • QUnit - 一个功能强大，易于使用的JavaScript单元测试框架。
  • Sazerac - JavaScript 的数据驱动测试。它可以帮助您创建简单、可读的测试，并与 Jasmine、Jest 和 Mocha 配合使用。
  • Taiko - 一个开源Node.js用于测试现代Web应用程序的库。
  • tape - 用于Node和浏览器的抽头生成测试工具。
  • TestCafe - 一个Node.js工具，用于自动化端到端的Web测试。
  • Testem - 一个使Javascript单元测试变得有趣的测试运行器。
  • testing-library - 简单而完整的测试实用程序，鼓励良好的测试实践，并帮助您以用户为中心的方式测试 UI 组件。

调试

  • Eruda - 移动浏览器的控制台。
  • fuite - 用于查找 Web 应用程序中内存泄漏的 CLI 工具。
  • ndb - 由Chrome DevTools启用的Node.js改进的调试体验。
  • stacktrace.js - 在所有 Web 浏览器中生成、解析和增强 JavaScript 堆栈跟踪。
  • Vorlon.JS - 一个开源的、可扩展的、与平台无关的工具，用于远程调试和测试你的JavaScript，由node.js和 socket.io 提供支持。
  • weinre - 网页的调试器，如FireBug（用于FireFox）和Web Inspector（用于基于WebKit的浏览器），除了它被设计为远程工作，特别是允许您在移动设备（如手机）上调试网页。
  • 使用 new Error().stack 或者 console.trace() 打印错误堆栈 (see Force Stack Traces with JavaScript).

文档

  • docsify - 一个神奇的文档网站生成器。
  • documentation - 现代JavaScript的文档系统。
  • Docusaurus - 一个用于轻松构建、部署和维护开源项目网站的项目。
  • Docute - 为项目创建文档网站的最快方法。
  • Docz - 记录您的事情从未如此简单！
  • ESDoc - JavaScript 的文档生成器 （ES6）。
  • JSDoc - JavaScript的API文档生成器。
  • x0 - 不费吹灰之力地记录和开发 React 组件。
  • YUIDoc - 一个从源代码中的注释生成API文档的Node.js应用程序，使用类似于Javadoc和Doxygen等工具的语法。

代码处理

  • Prettier - 代码格式化工具，它通过解析代码并使用自己的规则(考虑到最大行长度)重新打印代码，并在必要时包装代码，从而实现一致的风格.

缩小器

  • Minify - js, css, HTML和img文件的迷你器。
  • Node-minify - 一个轻量级的Node.js模块，用于压缩javascript和css文件。
  • CSS
    • clean-css - 一个快速高效的CSS优化器，适用于Node.js平台和任何现代浏览器。
    • Crass - 一个用JS编写的CSS缩小，漂亮的打印和通用实用程序库。
    • cssnano - 一个在PostCSS生态系统之上编写的现代模块化压缩工具。
    • CSSO - 具有结构优化的 CSS 简化器。
    • CSSWring - PostCSS的CSS缩小器。
  • .HTML
    • HTMLMinifier - 一个高度可配置的，经过良好测试的，基于JavaScript的HTML最小化器。
    • minimize - 基于 node-htmlparser 的 HTML 缩减器。最小化专注于HTML5，不支持较旧的HTML草稿。
  • 图像
    • CompressImage.io - 使用基于浏览器的图像压缩器以光速压缩 JPG 和 PNG 图像。私有，离线工作。
    • Compressor.io - 快速高效的在线图像压缩。
    • ImageOptim - 通过压缩图像而不损失质量来节省磁盘空间和带宽。
    • Squoosh - 一个图像压缩网络应用程序，可让您深入了解各种图像压缩器提供的高级选项。
    • SVGO - 一个基于Nodejs的工具，用于优化SVG矢量图形文件。
  • JavaScript
    • Babel-Minify - 一个基于Babel工具链的ES6+感知缩小器。
    • UglifyJS - JavaScript解析器，缩小器，压缩器和美化器工具包。

解包器

  • unminify - 用于unminify（解包，deobfuscate）JavaScript，CSS，HTML，XML和JSON代码的免费工具，使其可读且美观。

任务运行程序，构建工具

  • brunch - 快速的前端 Web 应用程序构建工具，具有简单的声明性配置、用于快速开发的无缝增量编译、固执己见的管道和工作流以及对源映射的核心支持。
  • cross-env - 运行跨平台设置和使用环境变量的脚本。
  • Grunion - 使用 glob 模式运行多个命令。
  • Grunt - JavaScript 任务运行器。
  • Gulp - 一个工具包，用于自动执行开发工作流程中痛苦或耗时的任务。
  • Jake - 一个简单灵活的 JavaScript 构建工具，用于 NodeJS。
  • just - 一个为JS项目组织构建任务的库。它包括：构建任务构建定义库;为Node和浏览器项目设置合理的预设构建流程，具有 TypeScript、Webpack 和 jest;项目基架工具，用于生成跟踪模板更改的无需弹出的存储库。
  • ncc - 简单的 CLI，用于将 Node.js 模块编译成单个文件，连同其所有依赖项，gcc 风格。
  • nexe - 一个命令行实用程序，用于将 Node.js 应用程序编译为单个可执行文件。
  • npm-run-all - 一个 CLI 工具，用于并行或顺序运行多个 npm 脚本。
  • NPS - NPM 脚本的所有好处，没有臃肿的包的成本.json 和 JSON 的限制。
  • NPX - 执行 npm 包二进制文件。
  • Pkg - 此命令行界面使您能够将 Node.js 项目打包到可执行文件中，该可执行文件甚至可以在未安装 Node.js 的设备上运行。
  • scripty - 一种帮助将 npm 脚本提取到它们自己的文件中的工具。
  • shx - ShellJS Unix 命令的包装器，为 npm 包脚本中的简单类 Unix 跨平台命令提供了简单的解决方案。
  • Taskr - 一个快速、以并发为中心的任务运行程序。
  • xclap - 一个先进而灵活的JavaScript任务执行器和构建工具。
  • ygor - JavaScript 任务运行器，用于何时不够，其他一切都太多了。npm run

自动化

模版，脚手架

  • Create React App - 创建没有构建配置的 React 应用程序。
  • create-react-library - 用于轻松创建可重用反应库的 CLI。
  • DEGIT - 简单的项目脚手架。
  • fullstack-typescript - FullStack React with TypeScript 入门套件。
  • Neutrino - 一个配套工具，可让您使用共享预设或配置构建Web和Node.js应用程序。它打算通过提供最少的开发依赖项来简化初始化和构建项目的过程。
  • nwb - React，Preact，Inferno和vanilla JS应用程序，React库和其他Web的npm模块的工具包，无需配置（直到您需要它）。
  • React Starter Kit - 一个基于 Node.js、Express、GraphQL 和 React 构建的 Web 开发样板，包含现代 Web 开发工具，如 Webpack、Babel 和 Browsersync。
  • TSDX - 一个零配置 CLI，可帮助您轻松开发、测试和发布现代 TypeScript 包。

组件开发

  • BlueKit - 从您的 React 组件自动生成一个库，其中包含可编辑的道具和实时预览。
  • component-playground - 一个用于渲染 React 组件和 ES6 代码的组件，具有可编辑的源代码和实时预览。
  • Kit - 用于开发、记录和测试 React 组件库的工具。
  • Ladle - 更快地开发和测试你的 React 故事。Ladle是Storybook的直接替代品。它是一种用于在隔离的环境中开发和测试 React 组件的工具，比大多数现实世界的应用程序更快。
  • previewjs - 立即在 IDE 中预览 UI 组件和故事书故事。
  • React Cosmos - 用于创建可重用的 React 组件的开发工具。
  • React Live - 为您提供渲染 React 组件的能力，并向用户提供可编辑的源代码和实时预览。
  • React Styleguidist - 具有生活风格指南的隔离 React 组件开发环境。
  • storybook - UI 组件的开发环境。它允许您浏览组件库，查看每个组件的不同状态，以及交互式开发和测试组件。

设计

  • playroom - 同时设计各种主题和屏幕尺寸，由 JSX 和您自己的组件库提供支持。Playroom 允许您创建一个零安装的面向代码的设计环境，该环境内置于一个独立的捆绑包中，可以与现有的设计系统文档一起部署。

图形/图像编辑器

  • GIMP - 一个跨平台的图像编辑器，可用于GNU/Linux，OS X，Windows和更多操作系统。
  • Inkscape - 一个免费的开源矢量图形编辑器，适用于GNU/Linux，Windows和MacOS X。它提供了丰富的功能集，广泛用于艺术和技术插图，如卡通、剪贴画、徽标、排版、图表和流程图。
  • Krita - 一个专业的免费和开源绘画程序。它是由希望为每个人看到负担得起的艺术工具的艺术家制作的。
  • Paint.NET - 适用于运行 Windows 的 PC 的图像和照片编辑软件。

图像、图标

  • css.gg - 开源CSS，SVG和Figma UI图标，可在SVG Sprite，styled-components，NPM和API中使用。
  • Eva图标 - 包含480多个精美制作的开源图标，用于常见操作和项目。图标以两种视觉类型提供：填充和轮廓以及多种格式，包括 PNG、SVG、字体、草图等。
  • heroicons - 一组免费的 MIT 许可的高质量 SVG 图标，用于 UI 开发。
  • iconmonstr - 免费，巨大且不断增长的简单图标来源。
  • icono - 纯CSS图标，只有一个元素。
  • iconoir - 高质量的免费图标选择。
  • icons8 - 免费的图标，照片，矢量，音乐和工具。
  • IconSear.ch - SVG图标的搜索引擎。
  • Ikonate - 完全可定制和可访问，优化良好的矢量图标。
  • lineicons - 用于现代用户界面的手工线条图标。
  • LogoSear.ch - SVG徽标的搜索引擎。
  • Lorem Picsum - 用于照片的Lorem Ipsum。易于使用、时尚的图像占位符。只需在我们的URL之后添加您想要的图像大小（宽度和高度），您将获得一张随机图像。
  • Remix Icon - 一组面向设计师和开发人员的开源中性风格系统符号。
  • SuperTinyIcons - 您最喜爱的网站和应用程序徽标的微型SVG版本。
  • svgporn - 大量的SVG标志集合。
  • Tabler 图标 - 免费和开源图标，旨在使您的网站或应用程序具有吸引力，视觉一致性和简单美观。
  • VectorLogoZone - 格式一致的SVG标志。

分析、性能、优化

  • Bundle Buddy - 一个工具，帮助你在javascript块/拆分中查找源代码重复。
  • bundlephobia - 了解在应用的捆绑包中包含 npm 包对性能的影响。
  • 前端性能清单 - 作为前端开发人员，您应该检查或至少了解并应用于您的项目的元素的详尽列表。
  • 灯塔 - 用于提高网页质量的开源自动化工具。它具有对性能、可访问性、渐进式 Web 应用程序等的审核。
  • 使用 webpack 优化您的库 - 使您的 webpack 捆绑包更小的提示。
  • packagephobia - 在安装 npm 包之前报告它的大小。这对于检查潜在的依赖项或 devT依赖项非常有用，而不会占用宝贵的磁盘空间或等待几分钟进行 npm 安装。
  • size-limit - 计算最终用户的 JS 实际成本，如果成本超过限制，则会引发错误。
  • source-map-explorer - 通过源映射分析和调试空间使用情况。源映射资源管理器确定缩小代码中每个字节来自哪个文件。
  • waterfaller - 专注于网络瀑布中的问题，并提供改进建议。
  • Webpack 捆绑分析器 - webpack 插件和 CLI 实用程序，将捆绑包内容表示为方便的交互式可缩放树状图。
  • Webpack 可视化工具 - 可视化和分析您的 Webpack 捆绑包，以查看哪些模块占用了空间，哪些模块可能是重复的。
  • webpagetest - 使用真实的浏览器和真实的消费者连接速度从全球多个位置运行免费的网站速度测试。
  • yellowlab - 允许您测试网页（通过 URL）并检测性能和前端代码质量问题。

技术支持

  • canidev- 就像@CanIUse但对于浏览器开发工具。
  • caniemail - 为 HTML 和 CSS 功能提供电子邮件客户端支持表。
  • caniuse - 提供最新的浏览器支持表，以支持桌面和移动 Web 浏览器上的前端 Web 技术。

网络

  • HTTPie - 一个命令行HTTP客户端，具有直观的UI，JSON支持，语法突出显示，类似wget的下载，插件等。
  • insomnia - 跨平台 HTTP 和 GraphQL 客户端。
  • LightProxy - 跨平台 Web 调试代理。LightProxy是一款本地代理数据包捕获软件。
  • Postwoman - 一个免费，快速和漂亮的API请求构建器（Postman的网络替代品）。
  • Wireshark - 世界上最重要和广泛使用的网络协议分析仪。

版本控制

  • Git
    • Git Extras - Git 实用程序 - 存储库摘要、repl、更新日志填充、作者提交百分比等。
    • husky - Git 钩子变得容易。赫斯基可以防止错误的 git 提交、git push 等。
    • sourcetreeapp - 通过简单的 Git GUI 可视化和管理您的存储库。
    • TortoiseGit - 一个 Windows Shell 接口到 Git。提供显示文件状态的叠加图标、适用于 Git 的强大上下文菜单等等。

开发服务器

  • 基于Node.js
    • browsersync - 在构建网站时保持多个浏览器和设备同步。
    • EasyMock服务器 - 一个简单但功能强大的模拟服务器。
    • Fenix - 具有协作功能的简单可视化静态Web服务器。
    • freddie - 前端开发服务器。
    • http-server - 一个简单的零配置命令行 HTTP 服务器。
    • JSON Server - 获取一个完整的假 REST API，零编码。
    • live-server/ - 具有实时重新加载功能的简单开发HTTP服务器。
    • lite-server - 为Web应用提供服务的轻量级开发Node服务器。 是围绕浏览器同步的简单自定义包装器，以便于 SPA 提供服务。
    • local-web-server - 用于高效全栈开发的模块化网络服务器。
    • MockIt - 一个快速创建模拟API的工具。
    • puer - 不仅仅是一个实时重载服务器，专为高效的前端开发而构建。
    • servedir - 一个简单的NodeWeb服务器，用于离线开发和测试：从目录运行servedir将创建一个快速的本地Web服务器。
    • server-with-benefits - 一个静态的 Node.js 文件 Web 服务器，具有用于代理请求和延迟/模拟响应的选项。
    • superstatic-with-proxy - 为电源而构建的增强型静态 Web 服务器。此版本默认添加。superstatic-proxy
  • 支持 PHP
    • AppServ - Apache，MySQL，PHP，phpMyAdmin的全功能。
    • easyphp - 一个完整且随时可用的开发环境。开发服务器是可移植的、模块化的、完全可配置的，并且易于更新和扩展。
    • Laragon-一个可移植的，隔离的，快速和强大的通用开发环境，用于PHP，Node.js，Python，Java，Go，Ruby。它快速、轻便、易于使用且易于扩展。
    • uniformserver - 一种轻量级服务器解决方案，用于在WindowsOS下运行Web服务器。
    • UwAmp - 带有Apache MySQL PHP和SQLite的免费Wamp服务器。
    • VertrigoServ - 一个完全免费的WAMP服务器，允许为Windows开发PHP。
    • WampServer - 一个Windows Web开发环境。它允许您使用Apache2，PHP和MySQL数据库创建Web应用程序。
    • WPИ-XM - 一个免费的开源Web服务器解决方案堆栈，用于Windows上的专业PHP开发。
    • WTServer - 一个可移植的，预配置的，轻量级的，快速和稳定的服务器堆栈，用于在Windows上开发php mysql应用程序，基于优秀的Web服务器Nginx。
    • XAMPP - 一个完全免费，易于安装的Apache发行版，包含MariaDB，PHP和Perl。

Node.js版本管理

  • n - 以交互方式管理您的 Node.js 版本。
  • Node - 将二进制文件安装到项目中的 npm 包，这意味着您可以拥有与系统不同的本地版本，并作为普通依赖项进行管理。
  • nodenv - 管理多个 NodeJS 版本。
  • Nodist - 一个Node.js和 npm 版本的管理器。
  • nvm（Node版本管理器） - 简单的bash脚本，用于管理多个活动Node.js版本。
  • nvm-windows - 一个Node.js Windows版本管理实用程序。
  • nvs（Node版本切换器） - 一个跨平台的实用程序，用于在Node.js的不同版本和分支之间切换。NVS本身是用node JavaScript编写的。

编辑器， IDE

  • Atom - 一个现代、平易近人但核心可破解的文本编辑器 - 一个您可以自定义以执行任何操作的工具，但也可以在不接触配置文件的情况下高效使用。
  • brackets - 具有重点可视化工具和预处理器支持，Brackets 是一个现代文本编辑器，可以轻松地在浏览器中进行设计。它是为网页设计师和前端开发人员从头开始制作的。
  • Geany - 一个小型轻量级的集成开发环境。
  • Leo - 一个PIM，IDE和大纲，加速程序员，作者和网页设计师的工作流程。
  • Light Table - 下一代代码编辑器，通过即时反馈将您连接到您的创作。Light Table是非常可定制的，可以显示Chromium浏览器可以显示的任何内容。
  • notepad-plus-plus - 一个免费的源代码编辑器和记事本替代品，支持多种语言。
  • PSPad - 面向Microsoft Windows系统开发人员的文本编辑器。
  • RJ TextEd - 一个功能齐全的文本和源代码编辑器，支持 Unicode。它也是一个非常强大的Web（PHP，ASP，JavaScript，HTML和CSS）开发编辑器。
  • Visual Studio Code - 一种新型工具，它将代码编辑器的简单性与开发人员核心编辑-构建-调试周期所需的功能相结合。Code 提供全面的编辑和调试支持、扩展性模型以及与现有工具的轻量级集成。

游乐场，交互式运行

  • nteract - SDK、应用程序和库，可帮助您和您的团队充分利用交互式笔记本和 REPL。
  • Quokka - 用于快速JavaScript / TypeScript原型设计的开发人员生产力工具。运行时值会在您键入时更新并显示在 IDE 中的代码旁边。
  • RunJS - 一个JavaScript游乐场，可以在您键入时自动评估代码并将结果输出到控制台窗格。

在线开发

  • CodeBunk - 终极在线编码面试工具。协作编辑器，编译器，聊天。
  • CodeCollab - 一个在线实时协作代码编辑器和编译器。我们基于网络的应用程序允许用户通过互联网进行实时协作。
  • CodePen - 网络前端的游乐场。这是一个构建和部署网站、展示您的工作、构建测试用例和寻找灵感的地方。
  • CodeSandbox - 一个在线Web应用程序编辑器。使与他人创建、共享和重用 Web 项目变得更加容易。
  • codeshare - 用于面试，故障排除，教学等的在线代码编辑器。
  • ESNextbin - 在ES2015代码中创建浏览器程序，并在浏览器中从NPM导入模块。
  • Flems.io - Web 开发的游乐场。它是原型设计想法和共享工作前端代码示例的理想选择。另请参阅 Flems 模块，该模块可用于轻松的自托管或嵌入。
  • Glitch - 友好的社区，每个人都可以在网络上发现和创造最好的东西。
  • JS Bin - 一个开源的协作Web开发调试工具。编写代码并使其实时保存，同时实时呈现完整预览。
  • jsFiddle - JavaScript，HTML，CSS的在线游乐场。
  • Repl.it - 简单，可靠且可移植的云编码界面。一个由教师、学生和工程师组成的社区。
  • RunKit - 浏览器中的Node游乐场。
  • StackBlitz - Web应用程序的在线代码编辑器。

在线工具

  • extendsclass - 面向开发人员的免费在线工具箱。您可以使用语法验证器，代码格式化程序，测试人员，HTTP客户端，模拟服务器以及SQLite浏览器。
  • 在线渐变生成器 - 以CSS，RGBA，HEX，Canvas，SVG，SwiftUI和Android XML格式创建渐变代码。此外，您还可以生成渐变图像并下载。
  • Windframe - 在线可视化构建器，用于使用顺风CSS快速构建和原型化组件和网站。

站点生成器

  • CMS.js - 完全客户端，Javascript网站生成器，本着Jekyll的精神，使用纯的HTML，CSS和Javascript来生成您的网站。
  • DocPad - 一个动态的静态站点生成器。这是一个内容管理系统，它从多个来源获取内容，例如计算机上的文件，并将它们呈现为令人难以置信的快速静态输出。
  • Elder.js - 一个固执己见的静态网站生成器和Svelte的Web框架，以SEO为目的。
  • Gatsby - 用于 React 的超快静态站点生成器。
  • Gridsome - 一个 Vue 驱动的静态站点生成器，用于为任何无头 CMS、本地文件或 API 构建 CDN 就绪的网站。
  • Hexo - 一个快速，简单和强大的博客框架。您用Markdown（或其他语言）撰写帖子，Hexo在几秒钟内生成具有美丽主题的静态文件。
  • Hugo - 一个用Go编写的静态HTML和CSS网站生成器。它针对速度、易用性和可配置性进行了优化。Hugo 获取一个包含内容和模板的目录，并将它们呈现为一个完整的 HTML 网站。
  • Lektor - 一个灵活而强大的静态内容管理系统，用于从平面文件构建复杂而漂亮的网站。

模拟器

  • Responsinator - 帮助网站制作者快速了解他们的响应式网站在最受欢迎的设备上的外观。

API

  • APIs.guru - 浏览器API的“维基百科”
  • 可编程 Web API 目录 - 开发人员可以在其中搜索要包含在下一个软件开发项目中的 API。
  • public-apis API - 用于软件和 Web 开发的免费 API 的集合列表。
  • public-apis.io - 一个自由公共和开放 Rest API 的目录。
  • RapidAPI - 查找并连接到数千个API，在一个地方跟踪和管理所有API连接。RapidAPI 允许您从一个位置管理所有 API 集成，并为您提供实时性能指标。
  • Swagger - 一套功能强大且易于使用的 API 开发人员工具套件，适用于团队和个人，支持从设计和文档到测试和部署的整个 API 生命周期的开发。

浏览器扩展

基准

托管，云服务

  • 000webhost 和 hostinger.ru - 零成本网站托管，PHP，MySQL，Cpanel和无广告。
  • 5apps 部署 - 客户端 Web 应用程序的交钥匙部署和托管平台。
  • Backendless - 领先的 mBaaS 和强大的移动应用程序开发平台，可快速开发功能丰富的移动、桌面和基于浏览器的应用程序。
  • Cloudant - 一个高度可扩展且高性能的 JSON 数据库。
  • Cloudnode - 一个让你的Javascript Web应用程序启动和运行的地方。
  • ExtendsClass - 一个简单的JSON存储。
  • Firebase - 一个云托管的数据库。数据实时同步到每个连接的客户端。
  • HackMD - 在降价中分享知识的最佳方式。
  • Heroku - 一个云平台，允许公司构建，交付，监控和扩展应用程序。
  • JSONbin - 一个免费的JSON存储和JSON托管服务。
  • JSONSERVE - 轻松托管您的 JSON 并在您的应用程序中使用。
  • Microsoft Azure - 快速创建适用于 Web 和移动客户端的强大云应用。
  • Netlify - 构建、部署和托管您的前端。
  • now - 允许您轻松、快速、可靠地将 JavaScript （Node.js） 或 Docker 驱动的网站、应用程序和服务迁移到云中。
  • Nuclino - 在团队中组织和共享知识的最简单方法。创建实时协作文档，并像 wiki 一样立即连接它们。使用树、板和图形视图直观地探索和组织您的知识。它非常适合会议记录、产品要求、文档、决策等。
  • OpenShift - 红帽的平台即服务 （PaaS），允许开发人员在云环境中快速开发、托管和扩展应用。
  • Pastebin - 一个网站，您可以在其中在线存储任何文本以便于共享。
  • Rentry.co - 具有降价支持，预览，自定义URL和编辑功能的粘贴/发布服务。快速、简单、免费。
  • Surge - 面向前端开发人员的静态 Web 发布。

代码 CDN

  • ESM - 一个快速的全球内容交付网络，用于采用 ES 模块格式的 NPM 包。
  • jsDelivr - 一个免费、快速、可靠的开源CDN，用于npm和GitHub。
  • Skypack - 加载优化的 npm 包，无需安装和构建工具。
  • unpkg - 一个快速的全球内容交付网络，适用于 NPM 上的所有内容。使用它来快速轻松地从任何包加载任何文件。

指南、参考、实践

  • 程序员的 100+ 编码面试问题 - 解决这些常见的编码问题，以便在您的下一次编程工作面试中取得好成绩。
  • 30 秒代码 - 满足您所有开发需求的简短代码片段。
  • 30秒面试 - 一系列常见的面试问题，可帮助您为下一次面试做准备。
  • Checkbot：Web 最佳实践 - 详细介绍 50+ SEO、速度和安全 Web 最佳实践。
  • DevDocs - 将多个 API 文档组合在一个快速、有条理且可搜索的界面中。
  • 每个程序员都应该知道 - 每个软件开发人员都应该知道的（大部分）技术知识的集合。
  • 前端面试手册 - “前端面试问题”的几乎完整答案，您可以使用它们来面试潜在的候选人，测试自己。
  • 前端开发人员面试问题 - 一系列有用的前端相关问题，可用于面试潜在候选人或测试自己。
  • 抓取前端指南 - 学习指南和现代前端堆栈介绍。
  • OverAPI.com - 收集所有备忘单。
  • 项目指南列表 - 适用于大多数JavaScript项目的指南列表。
  • Service Worker Cookbook - 在现代网站中使用 Service Worker 的实际示例的集合。
  • 现代 Web 开发的 Spellbook - 现代 JavaScript Web 开发的大图景、同义词库和分类法。
  • 技术面试手册 - 精心策划的内容，帮助您在下一次技术面试中脱颖而出，重点是算法。
  • Unix Toolbox - Unix/Linux/BSD命令和任务的集合，对IT工作或高级用户很有用。这是一本实用指南，有简洁的解释，但读者应该知道他/她在做什么。
  • CSS
    • 30secondsofcode - 一个精选的有用 CSS 片段集合，您可以在 30 秒或更短的时间内理解。
    • CSS 函数的完整指南
    • Bootstrap Cheatsheet - Bootstrap类、变量和mixin的交互式列表。
    • CSS Protips - 一系列提示，可帮助您提高CSS技能专业版。
    • CSS-Tricks - 一个关于网页设计和开发的所有内容的网站。
    • CSS 触发器 - 更改 CSS 属性的渲染影响的参考。
    • cssdb - CSS功能及其在成为已实施Web标准过程中的位置的完整列表。
    • 现代 CSS - 针对旧 CSS 问题的现代 CSS 解决方案。
    • 由 Flexbox 解决 - 展示曾经很难或不可能单独使用 CSS 解决的问题，现在使用 Flexbox 变得非常简单。
    • CSS 媒体查询完整指南
  • HTML
  • JavaScript
  • 打字稿
    • TypeScript Cheatsheet - 一组用于快速参考的 TypeScript 相关注释。备忘单包含对类型、类、装饰器和许多其他 TypeScript 相关主题的引用。
    • TypeScript 备忘单 - 社区策划的备忘单，供经验丰富的 JS 开发人员分享知识并复制粘贴常见用例的配方。
    • TypeScript Deep Dive - TypeScript 的权威指南。

书籍

示例

  • Hacker News 阅读器作为渐进式 Web 应用程序 - 使用许多流行的 JavaScript 框架和库构建的非官方 Hacker News 客户端列表。每个实现都是一个完整的渐进式 Web 应用程序，它利用不同的渐进式技术来提供快速、可靠和引人入胜的体验。
  • realworld - 了解如何使用我们支持的任何前端和后端构建完全相同的 Medium.com 克隆。
  • simpl.info - 最简单的HTML，CSS和JavaScript示例。
  • TodoMVC - 帮助您选择 MV* 框架。
  • Vanilla Web Projects - 使用 HTML5、CSS 和 JavaScript 构建的迷你项目。没有框架或库。
  • CSS
    • css-arrows 箭头 - 来自 CodePen 的 CSS 箭头列表。
    • CSS背景 - 美丽的纯CSS背景图案。
    • CSSFX - 精美简单的点击复制CSS效果。精心制作的系列，设计注重流动性、简单性和易用性。由 CSS 提供支持，标记最少。
    • CSS Layout - 用CSS制作的流行布局和模式。
    • Drop-in Minimal CSS - 准系统即插即用式 CSS 样板框架的概述。
    • SpinKit - 一个用CSS动画的加载指标的集合。
    • CSS的形状 - CSS中的许多形状只有一个HTML元素。
    • transition.css - 使用剪辑路径轻松过渡。
    • uiverse - CSS 按钮、复选框等。从众多UI组件中进行选择，并获取您喜欢的CSS。
    • UI 代码段 - UI 代码段的集合。
    • WebGradients - 180个线性渐变的免费集合，您可以将其用作网站任何部分的内容背景。
    • Whirl - CSS 加载动画，毫不费力。
  • HTML

新闻，资讯

有用的文章和资源