Community编程与开发github.com

JavaScript (MDN) - 中文版

基于 MDN 文档,教授现代 JavaScript(ECMAScript)最佳实践。在编写、审查或修复现代 JavaScript 代码、选择内置 API 或替换已弃用模式时使用。涵盖相等性与强制转换、let/const 与暂时性死区、严格模式、ASI、函数、类与私有字段、对象、原型、Proxy、Reflect、Symbol、eval、运算符(??、?.、展开、BigInt 运算)、语句、Promise、async/await、Promise.try、迭代器与迭代器辅助方法、生成器、using/await using、DisposableStack、WeakRef、数组(toSorted、at、groupBy、fromAsync)、Map、Set 方法、WeakMap、字符串与 Unicode、encodeURIComponent、RegExp(v 标志、RegExp.escape、lastIndex)、Number、Math、BigInt、JSON(rawJSON、revivers)、类型数组、ArrayBuffer、base64、SharedArrayBuffer、Atomics、Temporal、Date、Intl(DateTimeFormat、NumberFormat、Collator、Segmenter、PluralRules)、错误(cause、Error.isError)、ES 模块、导入属性、import.meta、动态导入。

JavaScript (MDN) - 中文版 是什么?

该技能将 MDN 的 JavaScript 指南与参考手册浓缩为区别于常见习惯的内容:陷阱、令人惊讶的默认行为、已弃用 API 及其替代品,以及 MDN 推荐的模式。它旨在帮助开发者编写现代、健壮的 JavaScript 代码,避免容易出错的老旧模式。该技能覆盖 ECMAScript 生活标准,并包含 TC39 阶段 3 的提案特性(如 Temporal、迭代器辅助方法、using 语句等),同时提醒用户在依赖这些特性前检查目标运行时环境。它适用于 Claude Code、Cursor 等 AI 编码助手,通过一系列“最高价值规则”快速纠正最常见的错误,并提供按主题组织的参考文件(如语言核心、函数与类、异步与 Promise、日期与 Temporal 等),方便开发者根据任务快速查找。每个参考文件末尾的“旧模式”表格还能指导如何替换已弃用的写法。该技能的核心价值在于让开发者直接获得 MDN 中的最新知识与最佳实践,从而提高代码质量、减少 bug,并促进对现代 ECMAScript 特性的正确使用。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/quentin-autret/claude-skills/tree/main/skills/javascript-docs

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

JavaScript (MDN)

该技能将 MDN JavaScript 指南和参考手册浓缩为区别于习惯的内容:陷阱、令人惊讶的默认值、已弃用的 API 及其替代品,以及 MDN 推荐的模式。参考文件中的每条声明末尾都附有对应的 MDN 页面来源。省略了每个 JavaScript 开发者都应熟知的基础知识。

版本覆盖

MDN 跟踪活跃的 ECMAScript 标准,没有版本化路径。它还记录了 TC39 阶段 3 的特性(在正式定稿之前),因此示例可能使用尚未在所有环境中可用的特性。https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

较新的特性可能可用性有限。在依赖某个特性(如 Temporal、迭代器辅助方法、using、Promise.try、RegExp.escape、Error.isError、Math.sumPrecise、Uint8Array.fromBase64、Set 方法、Map.prototype.getOrInsert)之前,请检查目标运行时环境。MDN 标记为实验性的项目已在参考文件中标注。

如何导航

  1. 阅读下面的最高价值规则。它们涵盖了最频繁的错误。
  2. 根据末尾的表格,打开与任务匹配的参考文件。每个文件都是独立的。与时区、夏令时或持续时间相关的任务需要同时打开两个 Temporal 文件。与清理或 using 相关的任务需要打开迭代器与资源管理文件。
  3. 当修改旧代码时,阅读匹配文件末尾的“旧模式”表格。

最高价值规则

参考文件

文件用于查阅
references/language-core-and-equality.md== 对比 ===、强制转换、typeof、let/const/var 与暂时性死区、严格模式、ASI、八进制、执行模型、过时语法
references/functions-and-classes.md箭头函数与 this、默认参数与剩余参数、访问器、bind、类字段、#private、静态块、extends、super
references/objects-prototypes-and-proxy.mdObject.hasOwn、assign、defineProperty、freeze、groupBy、原型、null 原型对象、Proxy、Reflect、Symbol、globalThis、eval
references/statements-and-operators.md??、?.、逻辑赋值、展开、解构、delete、算术与位运算陷阱、BigInt 运算符、比较、循环、switch、标签、try/finally
references/async-and-promises.mdPromise 链、组合器、Promise.try、withResolvers、allKeyed、async/await 顺序、未处理的拒绝、Promise 内存泄漏
references/iterators-and-resource-management.md迭代协议、迭代器辅助方法、Iterator.zip/concat、生成器、using、await using、DisposableStack、SuppressedError、WeakRef、FinalizationRegistry
references/arrays-and-collections.md复制数组方法、at、includes、findLast、sort、reduce、稀疏数组、Array.from、Map、Set 方法、getOrInsert、WeakMap、WeakSet
references/strings.mdUTF-16、码点与字素、localeCompare、normalize、replace 模式、replaceAll、matchAll、split、String.raw、URI 编码
references/regexp.mdRegExp.escape、方法选择、lastIndex、y 与 d 标志、u 与 v 模式、\p{...}、修饰符、锚点、分组、反向引用、后行断言
references/numbers-math-json.md浮点数精度、parseInt、舍入、toFixed、BigInt、Math.random、Math.sumPrecise、JSON.stringify 规则、revivers、JSON.rawJSON
references/binary-data-and-shared-memory.md类型数组、DataView 字节序、可调整大小与可传输的 ArrayBuffer、Uint8Array 上的 base64 与十六进制、SharedArrayBuffer、Atomics
references/date-and-temporal.md从 Date 迁移到 Temporal、选择 Temporal 类型、共享的 Temporal 规则、纯日期与时间、维护 Date 代码
references/temporal-time-zones-and-durations.mdZonedDateTime、IANA 时区、夏令时消歧与 offset、since/until、Duration 平衡与舍入、Temporal.Now
references/intl.md区域设置选择与回退、DateTimeFormat、NumberFormat 数字选项、Collator、Segmenter、PluralRules、RelativeTimeFormat、ListFormat、DurationFormat
references/errors-and-debugging.mdcause、Error 子类、Error.isError、AggregateError、堆栈跟踪、常见运行时错误信息及其修复
references/modules.md模块对比脚本、实时绑定、循环依赖、import()、import.meta、导入属性、import defer、import source、导入映射

爬取的页面、版本说明和获取日期列在 SOURCES.md 中。

Individual skills in this repo

This repo contains 16 individual skills — each has its own dedicated page.

eslint-docs

Teaches current ESLint 10 practices drawn from the official documentation. Use when writing, reviewing or fixing an eslint.config.js (flat config, defineConfig, files, ignores, globalIgnores, extends, languageOptions, globals, parsers, processors), configuring ESLint rules and severities, disable comments and inline config, running the CLI in CI (--fix, --cache, --quiet, --max-warnings, bulk suppressions, formatters, feature flags, MCP server), writing custom rules (meta, schema, fixes, suggestions, selectors, scope, code paths) and testing them with RuleTester, building plugins, shareable configs, custom parsers, processors or formatters, using the Node.js API (ESLint, Linter), or migrating to ESLint 9 or 10 from eslintrc. Triggers on eslint, eslint.config.js, flat config, .eslintrc, .eslintignore, @eslint/js, js/recommended, eslint-disable, no-unused-vars, no-restricted-imports, no-restricted-syntax, RuleTester, eslint-plugin, eslint-config, FlatCompat, context.getScope is not a function, ESLint 10.

grafana-cloud-docs

Grafana Cloud pitfalls, defaults, limits and current patterns from the Grafana, Mimir, Loki and Tempo docs, each tied to its docs URL. Use when sending OpenTelemetry data to Grafana Cloud, writing PromQL, LogQL or TraceQL, controlling cardinality and cost, designing alert rules, routing notifications, provisioning alerting, building Synthetic Monitoring checks, using the /apis dashboard API, choosing access policy tokens or service accounts, or migrating off API keys, the Loki Exporter and legacy /api routes.

next-intl-docs

Teaches current next-intl 4 practices for internationalizing Next.js apps, drawn from the official documentation. Use when setting up next-intl with the App Router, writing i18n/request.ts, adding a [locale] segment with defineRouting, createMiddleware in proxy.ts (formerly middleware.ts), building locale switchers with createNavigation, translating with useTranslations or getTranslations, passing messages to NextIntlClientProvider, writing ICU messages (plurals, select, rich text), formatting dates, numbers and lists with useFormatter, translating metadata, Server Actions, Route Handlers, localized 404 and error pages, static rendering with next/root-params, type-safe messages through AppConfig, testing with Jest, Vitest, Storybook, or extracting inline messages with useExtracted. Triggers on next-intl, useTranslations, getTranslations, NextIntlClientProvider, getRequestConfig, i18n routing, locale prefix, localePrefix, NEXT_LOCALE, hreflang, setRequestLocale, ICU messages, App Router internationalization.

nodejs-docs

Teaches Node.js practice drawn from the official Node.js API documentation, with pitfalls, surprising defaults, deprecations and replacements, each backed by its nodejs.org URL. Use when writing, reviewing, debugging or upgrading Node.js code, or choosing a built-in module (fs, crypto, streams, http, process, CLI flags, node:test, ESM/CommonJS, package.json exports, TypeScript type stripping, child_process, worker_threads, node:sqlite, deprecations).

playwright-docs

Pitfalls, surprising defaults and recommended patterns of Playwright Test for JavaScript and TypeScript, distilled from the official docs. Use when writing, reviewing, debugging or configuring Playwright tests (@playwright/test, playwright.config.ts, npx playwright test), including flaky tests, locators (getByRole, filter, strict mode), web-first assertions (expect, toHaveText, toBeVisible, expect.poll, toPass), fixtures, storageState authentication, project dependencies, timeouts, retries, network mocking (page.route, routeFromHAR, routeWebSocket), API testing, clock, aria snapshots, toHaveScreenshot, axe accessibility scans, traces, UI mode, reporters, CI, Docker, sharding, test locks, component testing with stories and mount, codegen, Playwright MCP, playwright-cli and migration from Puppeteer, Protractor, Testing Library or older Playwright versions.

postgresql-docs

Pitfalls, surprising defaults, PostgreSQL 18 changes and recommended patterns from the official PostgreSQL 18 documentation, each backed by its postgresql.org URL. Use when writing or reviewing PostgreSQL SQL, schema design, migrations and ALTER TABLE locks, indexes, transactions, isolation levels and retries, locking, upsert and MERGE, COPY, JSONB, timestamptz, generated and identity columns, partitioning, EXPLAIN, vacuum, roles, row-level security, PL/pgSQL, full-text search, connection settings, and upgrades to PostgreSQL 18.

react-docs

Writes, reviews and upgrades React 19.3 code from the official react.dev documentation. Use when writing components and Hooks, removing unnecessary useEffect calls, fixing Effect dependencies with useEffectEvent, building forms with Actions (useActionState, useOptimistic, useFormStatus, form action), using Server Components, 'use client', 'use server' and Server Functions, Suspense, use(), useTransition, useDeferredValue, ViewTransition, Activity, adopting React Compiler and eslint-plugin-react-hooks, deciding on useMemo, useCallback and memo, server rendering and hydration (createRoot, hydrateRoot, renderToPipeableStream, prerender), or migrating from React 18 (forwardRef, Context.Provider, ReactDOM.render, propTypes, defaultProps). Triggers on React, JSX, hooks, useState, useEffect, useRef, useContext, Server Components, RSC, Actions, React Compiler, Strict Mode, hydration mismatch, React 19 upgrade.

rust-std-docs

Gives current guidance from the official Rust standard library docs (std 1.99.1 stable) on pitfalls, panics, platform differences, discouraged APIs and newer stable replacements. Use when writing, reviewing or refactoring Rust code that uses std, especially collections (Vec, HashMap, BTreeMap, BinaryHeap, entry, extract_if, sort), Option/Result/error handling (expect, ?, Error, ExitCode, panic), iterators (collect, flatten, Peekable, try_fold), Box/Rc/RefCell/Cow/Pin/mem::take, Arc/Mutex/RwLock/OnceLock/LazyLock/thread::scope/mpsc/Condvar/atomics, String/str/fmt/format!/OsString/CString, io/fs/path (BufWriter, OpenOptions, PathBuf::join), process/env/net/time (Command, set_var, TcpStream, Instant, Duration), From/TryFrom/AsRef/Ord/Drop/Deref/Clone, and unsafe raw pointers, MaybeUninit, transmute, NonNull or integer overflow and float ordering.

socketio-docs

Builds, configures and debugs Socket.IO 4.8 servers and clients from the official Socket.IO v4 documentation. Use when writing a Node.js Socket.IO server (Express, Fastify, Koa, Bun, uWebSockets.js) or a socket.io-client app, emitting events with acknowledgements, timeout() and emitWithAck, broadcasting to rooms and namespaces, authenticating in middleware with the auth option, configuring CORS, reverse proxies and sticky sessions, scaling with the Redis, Redis Streams, Postgres, MongoDB or Cluster adapter, enabling connection state recovery and delivery guarantees, tuning reconnection, writing tests, troubleshooting connection issues, or migrating from Socket.IO v2 or v3. Triggers on Socket.IO, socket.io, socket.io-client, io(), new Server, emit, emitWithAck, acknowledgements, rooms, namespaces, broadcast, io.use, middleware, CORS, Redis adapter, sticky sessions, connection state recovery, reconnection, connect_error, Session ID unknown. Not for plain WebSocket servers such as ws without Socket.IO.

tailwindcss-docs

Teaches current Tailwind CSS v4 practices drawn from the official documentation. Use for any task that touches Tailwind CSS v4, even a small one, because many v3 habits silently break in v4. Use when writing or reviewing Tailwind CSS v4 code (utility classes, variants, arbitrary values, theme variables in @theme, @utility, @custom-variant, @apply, @reference, @source), setting up Tailwind in a framework or build tool (Vite plugin, PostCSS plugin, CLI, Next.js, SvelteKit, Nuxt, Angular, Laravel, Rails), customizing the theme (colors, fonts, breakpoints, spacing, animations), building dark mode with a class or data attribute, or migrating a project from Tailwind v3 (tailwind.config.js, @tailwind directives, darkMode class, safelist, bg-opacity, renamed shadow and outline utilities). Triggers on tailwindcss, @import "tailwindcss", @tailwindcss/vite, @tailwindcss/postcss, @tailwindcss/cli, @theme, @custom-variant dark, npx @tailwindcss/upgrade, upgrade to Tailwind v4.

tauri-docs

Tauri 2 apps, tauri.conf.json, capabilities and permissions, commands and invoke, events and channels, plugins, bundling, signing and the updater, migration from Tauri 1. Guides Tauri 2 work from the official v2 documentation, including scopes, managed state, plugin authoring, CSP and the isolation pattern, testing and debugging, Linux, Windows and macOS packages, and mobile and store releases. Use when writing or reviewing a Tauri 2 app, adding a plugin or a capability, fixing a "not allowed" or "forbidden path" error, wiring IPC between Rust and the webview, packaging, signing or publishing a desktop or mobile build, or upgrading a Tauri 1 or 2.0 beta project.

tokio-docs

Gives current guidance from the official tokio documentation (tokio 1.54.1) on async Rust pitfalls, cancel safety, blocking code, surprising defaults and deprecated APIs. Use when writing, reviewing or debugging async Rust code that uses tokio, especially the runtime (#[tokio::main], #[tokio::test], Builder, enable_all, block_on, current_thread, LocalRuntime, shutdown, feature flags), tasks (spawn, JoinHandle, JoinSet, abort, spawn_blocking, block_in_place, LocalSet, spawn_local, task_local), select!, join!, try_join!, cancellation and graceful shutdown, sync primitives (Mutex across .await, RwLock, Semaphore, Notify, OnceCell), channels (mpsc backpressure, oneshot, broadcast lag, watch), time (sleep, interval, MissedTickBehavior, timeout, paused time, start_paused), I/O and networking (AsyncReadExt, BufWriter flush, split, io::copy, framing, TcpListener, TcpStream, UdpSocket), tokio::fs, process (Command, kill_on_drop, Child), signals (ctrl_c, Windows console events) and Windows named pipes.

typescript-docs

Configures, writes and upgrades TypeScript 6.0 code and tsconfig.json from the official TypeScript documentation. Use when upgrading from TypeScript 5.x to 6.0 (strict, types, rootDir, baseUrl, moduleResolution node, target es5, outFile, esModuleInterop), choosing module and moduleResolution, writing package.json exports and imports, fixing ESM and CommonJS interop, enabling verbatimModuleSyntax or erasableSyntaxOnly, setting up project references and tsc --build, writing .d.ts files, checking JavaScript with JSDoc, or debugging narrowing, generics, mapped types, decorators and enums. Triggers on TypeScript, tsc, tsconfig, TS5112, ignoreDeprecations, nodenext, bundler, .d.ts, @ts-check, TypeScript 6 upgrade.

typesense-docs

Pitfalls, surprising defaults and recommended patterns of the Typesense search engine, distilled from the official docs. Use when designing a Typesense collection schema, writing search parameters (q, query_by, filter_by, sort_by, facet_by, group_by), tuning typo tolerance and ranking, building vector, semantic or hybrid search, conversational RAG or natural language search, creating API keys and scoped search keys for multi-tenancy, indexing and import (JSONL, upsert, emplace, dirty_values), syncing from a primary database, reindexing through aliases, managing synonyms (synonym sets), curation sets and stopwords, joins, analytics rules and query suggestions, InstantSearch, migrating from Algolia, or running, clustering, backing up and upgrading a Typesense server.

vite-docs

Teaches current Vite 8 practices drawn from the official documentation. Use when writing or fixing a vite.config, migrating from Vite 7 (Rolldown and Oxc replacing Rollup and esbuild), configuring the dev server, proxy or HMR, handling import.meta.env and modes, tuning the production build, library mode, SSR, writing a Vite plugin, using the HMR or JavaScript API, or the Environment API. Triggers on vite.config, defineConfig, rolldownOptions, import.meta.env, loadEnv, optimizeDeps, ssrLoadModule, ModuleRunner, this.environment, upgrade to Vite 8.

vitest-docs

Teaches current Vitest 5 practices drawn from the official documentation. Use when writing, reviewing or fixing Vitest tests (test, describe, expect, test.for, fixtures with test.extend, hooks, snapshots), mocking with vi (vi.fn, vi.spyOn, vi.mock, vi.when, fake timers, stubGlobal, stubEnv), configuring vitest.config or projects, choosing an environment or pool, filtering and running tests in CI, measuring coverage with v8 or istanbul, debugging slow or flaky suites, testing components in browser mode with Playwright, or migrating from Jest, Mocha or Vitest 4. Triggers on vitest, vi.mock, vi.fn, vitest.config, toMatchSnapshot, expect.poll, coverage thresholds, browser mode, @vitest/browser-playwright, jsdom, happy-dom, migrate Jest to Vitest, upgrade Vitest 5.

相关技能