TypeScript 相关技术文章

php mysql shell go vue css api接口对接支付接口对接

写给别人复用的 composable：VueUse 官方指南里的 9 条约定与 5 处取舍

写给别人复用的 composable：VueUse 官方指南里的 9 条约定与 5 处取舍
2026-10-17 00:04:14
面向「要写给别人复用的 composable」的库作者：整理 VueUse 官方指南的通用约定，并逐条说明理由——包大对象用 shallowRef、全局变量走 configurableWindow、内部 watch 透传选项、controls 选项让简单用法保持简单、新 Web API 输出 isSupported、异步函数返回 PromiseLike 以配合 Suspense、无渲染组件包装规范，附适用边界与代码。
Composables Vue3 组合式函数 VueUse 前端 TypeScript

Vue3 Composables 的四种设计模式：状态封装、异步请求、副作用与组合

Vue3 Composables 的四种设计模式：状态封装、异步请求、副作用与组合
2026-10-15 21:31:41
同一个 onMounted+ref+watch 片段在第三个页面重复出现，就该抽 composable 了。本文把 Vue 3 组合式函数收敛成四种模式：状态封装（readonly 包装返回）、异步请求（MaybeRefOrGetter 自动重请求）、副作用管理（清理用 onScopeDispose 而非 onUnmounted）、组合复用，并给出粒度权衡、三个易踩坑与目录分层/测试方法。
Vue3 Composables 组合式函数前端 TypeScript

Vue Flow：Vue 3 流程图组件的安装、数据结构与样式导入坑

Vue Flow：Vue 3 流程图组件的安装、数据结构与样式导入坑
2026-10-15 21:31:37
Vue Flow 是面向 Vue 3 的流程图/节点编辑器组件，基于 React Flow 与 D3.js 实现缩放平移。本文给出安装、nodes/edges 数据结构、Quickstart 代码，并说明样式必须单独导入且不能用 scoped 这个高频坑，以及 Background/MiniMap/Controls 附加组件与本地开发命令。
Vue Vue3 流程图组件库 TypeScript

Vue Router v5.4.0：预构建 matcher、滚动恢复 API 落地，实验特性下 query 一律归一为数组

Vue Router v5.4.0：预构建 matcher、滚动恢复 API 落地，实验特性下 query 一律归一为数组
2026-10-14 21:31:49
Vue Router v5.4.0（2026-10-07）发布：createRouter 支持传入预构建 matcher，新增 useScrollRestoration 与 onRouteRendered 两个官方 API，并带来一批 hash 参数实验特性（definePage 提取 hash、必填/默认 hash 参数、不再解码 hash）。实验模式下 query 值被统一归一化为数组，属破坏性变更。附完整特性/修复清单与升级建议。
Vue Router 路由 TypeScript 前端

Nuxt v4.6.0：服务端无关化、类型化 $fetch 重建，@nuxt/cli 安装体积下降 73%

Nuxt v4.6.0：服务端无关化、类型化 $fetch 重建，@nuxt/cli 安装体积下降 73%
2026-10-14 21:31:28
Nuxt v4.6.0 带来服务端无关化：新的 nuxt/server 导入面基于 Web 标准的 RequestEvent 类型，不再绑定 h3/nitropack 版本；新增 runtimeConfig.appSecret 与 useSession；基于 fetchdts 重建的类型化 $fetch 把 3000 路由的 TS2589 报错与 946MB 内存压到 140MB。@nuxt/cli v4 安装体积降 73%、nuxt dev 首次绘制快 6.6 倍。含各项基准数据与升级注意点。
Nuxt Vue SSR TypeScript Node.js 前端工程化

把 GUI Agent 放进网页 JS：alibaba/page-agent 走文本 DOM，不碰截图和多模态

把 GUI Agent 放进网页 JS：alibaba/page-agent 走文本 DOM，不碰截图和多模态
2026-10-09 00:03:52
阿里开源的 alibaba/page-agent 是一段跑在网页内部的 JS GUI Agent：不截屏、不用多模态模型，把整页 DOM 脱水成带 index 的文本清单 FlatDomTree 交给文本模型规划点击。本文梳理它的接入方式、组件拆包（core/llms/page-controller/ui）、四步执行流水线，以及只能操作单页、安全靠 prompt、不适用服务端自动化等边界。
page agent PageAgent GUI 文本DOM TypeScript 浏览器自动化截图

Vue 3 聊天组件 Advanced Chat Components V3 RC：ESM-only、数据层自备、不是 v2 的 drop-in 替换

Vue 3 聊天组件 Advanced Chat Components V3 RC：ESM-only、数据层自备、不是 v2 的 drop-in 替换
2026-10-08 21:31:46
Advanced Chat Components V3 RC 是一套带类型的 Vue 3 聊天组件库，同时提供框架无关的 Web Component 入口。本文按 README 讲清安装、Vue 与 Web Component 两种用法、mention 的 <@id> 序列化与附件 localUrl 所有权，以及"后端无关、数据层自己实现""V3 不是 v2 drop-in 替换"这两个关键取舍。
Vue Web Component 聊天组件库 TypeScript 国际化主题

TypeScript 编译器 API 实战：写一个自定义 Transformer 改写 AST

TypeScript 编译器 API 实战：写一个自定义 Transformer 改写 AST
2026-10-03 00:04:40
tsc 官方不支持加载自定义插件，但 TypeScript 从 2.3 起开放了编译器的 transform 能力。这篇把 Transformer handbook 的要点整理成可落地步骤：五个编译阶段、before/after/afterDeclarations 三个钩子的区别、visitNode/visitEachChild 遍历、factory 建节点、用 ts-loader 的 getCustomTransformers 或 ttypescript 接入项目，附官方项目地址与已知 bug。
TypeScript编译器 AST Transformer 编译器API TypeScript 实战

Snapchat 开源 Valdi：用 TSX 写 UI，编译成原生视图，没有 WebView 也没有 JS Bridge

Snapchat 开源 Valdi：用 TSX 写 UI，编译成原生视图，没有 WebView 也没有 JS Bridge
2026-10-03 00:04:11
Snapchat 把内部用了 8 年的跨平台 UI 框架 Valdi 开源。它用声明式 TSX 写 UI，编译成 iOS/Android/macOS 原生视图，不走 WebView 也不走 JS Bridge。本文整理它的渲染机制、视图回收池与 C++ 布局引擎、热重载与 VSCode 调试、两种接入现有 App 的方式，以及与 React Native、Flutter 的取舍差异。
App开发跨平台 Valdi TypeScript 移动端 React 原生视图 Bazel 布局

AccessGuard 类型缓存治理：tsc --noEmit 3s→45s→8s，编辑器 5s→300ms

AccessGuard 类型缓存治理：tsc --noEmit 3s→45s→8s，编辑器 5s→300ms
2026-10-01 00:04:48
大型 TypeScript 项目的编译墙怎么形成、怎么量化治理：从类型计算复杂度与三处缓存（Type Cache、Assignability Cache、结构比较）讲到 --generateTrace 诊断三指标，再到类型写法瘦身、Project References 增量编译、转译与类型检查解耦。含 AccessGuard 实测：tsc --noEmit 3s→45s→8s，编辑器 5s→300ms，缓存命中率 62%→85%。
typescript性能优化 TypeScript 编译优化类型缓存 tsc Project References 治理硬件

把 typescript 换成 typescript-native-bridge：tsc、vue-tsc、tsserver 原样跑在 Go 版 tsgo 上

把 typescript 换成 typescript-native-bridge：tsc、vue-tsc、tsserver 原样跑在 Go 版 tsgo 上
2026-09-30 00:03:35
typescript@7 用 Go 重写却塞不进 vue-tsc、svelte-check、typescript-eslint 这些经典 API 工具。typescript-native-bridge 保留经典 typescript 包接口，把 tsgo 7 引擎以进程内 cgo NAPI 放在后面，一次 override 让现有工具链吃上 Go 版检查器： elk.zone 约 2000 文件 vue-tsc 从 9.7s 降到 3.2s，并给出版本 pin、生效确认、Alpine/musl 不支持与回滚做法。
TypeScript Go重写 tsgo typescript-native-bridge vue-tsc 类型检查

ConvertX：用 Bun + Elysia 写的自托管文件转换器，1000+ 格式跑在自己机器上

ConvertX：用 Bun + Elysia 写的自托管文件转换器，1000+ 格式跑在自己机器上
2026-09-29 21:05:23
ConvertX 是一个自托管的在线文件转换工具，用 TypeScript + Bun + Elysia 写，宣称支持 1000+ 种格式，内置多种转换引擎，Docker 部署即用。它的意义在于文档、图片、音视频的格式互转都在自己的机器上完成，不经第三方在线转换站点。本文给出技术栈、部署方式与落地前要确认的依赖问题（ffmpeg、ImageMagick 等）。
开源工具自托管文件转换 Docker TypeScript Bun

Agent-Native 架构：一个 action 定义，如何被 7 类入口消费

Agent-Native 架构：一个 action 定义，如何被 7 类入口消费
2026-09-29 00:03:20
拆解 Agent-Native 架构与 BuilderIO/agent-native 框架：用一条 defineAction 让 UI、Agent、HTTP、MCP、A2A、CLI、定时任务共用同一契约，附 Yjs CRDT 协作层的 updatedAt 门控对账、lead client 选举与 SSE+2s 轮询回退实现细节，并给出协议适配进核心层的取舍。
Agent Native AgentNative defineAction Action TypeScript MCP A2A CRDT Yjs Agent架构记忆

用 tsconfig 拦住 enum 与 parameter properties：Node type stripping 的配置侧写法

用 tsconfig 拦住 enum 与 parameter properties：Node type stripping 的配置侧写法
2026-09-28 00:03:54
Node 内置 type stripping 只擦除类型、不做检查，配置侧要保证源码只含可擦除语法。本文给出 erasableSyntaxOnly、verbatimModuleSyntax、allowImportingTsExtensions、rewriteRelativeImportExtensions 的 compilerOptions 片段，说明哪些语法会抛 ERR_UNSUPPORTED_TYPESCRIPT_SYNTAX，以及用 tsc --noEmit 在 CI 单独做类型检查的做法。
type stripping 类型剥离 TypeScript Node.js tsconfig PARA Pin

core-types：用 NodeType 统一描述 JSON Schema、TypeScript、GraphQL、OpenAPI 的类型

core-types：用 NodeType 统一描述 JSON Schema、TypeScript、GraphQL、OpenAPI 的类型
2026-09-27 00:03:55
core-types 是一个中间类型模型，把 JSON Schema / TypeScript / GraphQL / OpenAPI 收拢到统一的 NodeType 描述上，方便互转。本文按官方 README 梳理 Types 规范、各类型必填字段与示例，以及 simplify / validate / traverse / some 的用法，并说明 number 与 integer 语义不一致、simplify 会丢 annotation、ref 与 additionalProperties 的取舍。
Core Types core-types TypeScript JSON Schema GraphQL 类型转换中间类型模型

R3F v9 配 React 19：StrictMode 继承与贴图 sRGB 是两个会改行为的破坏性变更

R3F v9 配 React 19：StrictMode 继承与贴图 sRGB 是两个会改行为的破坏性变更
2026-09-26 00:04:37
React Three Fiber 官方文档整理：@react-three/fiber@9 必须配 React 19（v8 配 18），并附 Canvas 与小写原生元素、args/props 的核心用法；重点是 v9 的破坏性变更——StrictMode 改为继承父渲染器、贴图取消自动 sRGB 转换、CanvasProps 与 ThreeElements 类型改动、extend 与 gl 回调签名、WebGPU 异步初始化。
react three fiber three.js 3D 前端工程 TypeScript 贴图

YAML 编译成一张 LangGraph：Supervisor + Worker 多 Agent 平台的 7 条已知限制

YAML 编译成一张 LangGraph：Supervisor + Worker 多 Agent 平台的 7 条已知限制
2026-09-24 00:05:53
用 YAML 声明多 Agent 工作流、运行时编译成一张 LangGraph StateGraph，按 Supervisor + Worker 往返执行：Command({goto,update}) 跳转、workerOutputs reducer、maxSteps 防死循环、工具注册表按 id 解析，以及这一版没做的 7 条已知限制。
多 Agent 工作流 LangGraph Supervisor Worker 拓扑 TypeScript 声明式编排 AI

TypeScript 7.0 原生移植：Go 版 tsc 实测 10.4x，JSDoc/CommonJS 破坏性变更

TypeScript 7.0 原生移植：Go 版 tsc 实测 10.4x，JSDoc/CommonJS 破坏性变更
2026-09-24 00:04:13
TypeScript 编译器改用 Go 重写（代号 Corsa），VS Code 代码库 tsc 从 77.8s 降到 7.5s。整理 10x 数字构成、tsgo 预览试用方式、功能完成度，以及 JSDoc/Closure/CommonJS 老项目在 TS 7 要改的写法与破坏性变更。
typescript go tsc 编译器 JSDoc CommonJS 性能优化 C/C

TypeScript 5.9：import defer 延迟模块求值，大项目编译快约 11%

TypeScript 5.9：import defer 延迟模块求值，大项目编译快约 11%
2026-09-20 21:02:41
TypeScript 5.9 带来 import defer 延迟模块求值（只能整模块命名空间导入）、稳定的 --module node20、精简的 tsc --init 默认；编译器缓存 mapper 实例化、优化文件检查，大项目约提速 11%。另有 ArrayBuffer 不再是 TypedArray 超类型的行为变更。
TypeScript 前端 JavaScript 编译优化

【tag需求】bun test 默认单进程跑测试：NODE_ENV=test、UTC 时区与未处理错误会改变退出码

【tag需求】bun test 默认单进程跑测试：NODE_ENV=test、UTC 时区与未处理错误会改变退出码
2026-09-14 00:04:09
bun test 是 Bun 内置的 Jest 兼容测试运行器，跑在 Bun 运行时里。这篇整理它的默认运行时行为（单进程、NODE_ENV=test、UTC 时区、未处理错误改变退出码）、测试发现与过滤规则、超时/并发/并行 flag、钩子与 mock、bunfig.toml 的 [test] 配置，以及单进程共享全局状态等踩坑边界。
bun test 测试单元测试 JavaScript TypeScript 时区

huobao-drama：一句话生成完整短剧，Hono + Nuxt 3 的全栈 AI 短剧平台

huobao-drama：一句话生成完整短剧，Hono + Nuxt 3 的全栈 AI 短剧平台
2026-09-11 23:54:18
huobao-drama（火宝短剧）是 15045 Star 的 AI 短剧全栈平台，Hono + Nuxt 3 + Mastra 四 Agent，把剧本、角色、分镜到 FFmpeg 合成全自动化。本文拆解架构、SQLite 迁移、桌面端与 Docker 部署，并说明非商用协议限制。
huobao-drama AI短剧 Hono Nuxt3 Mastra 视频生成 TypeScript 开源项目

Toonflow：15484 Star 的开源 AI 短剧工厂，小说到成片跑通全流程

Toonflow：15484 Star 的开源 AI 短剧工厂，小说到成片跑通全流程
2026-09-11 23:54:09
Toonflow 是 15484 Star 的开源 AI 短剧工具，把小说到成片串成闭环：无限画布工作台、三层 Agent、本地 ONNX 向量记忆、可编程供应商与章节事件图谱。本文给出安装、PM2 部署、成本参考与协议里的商业限制。
Toonflow AI短剧开源项目 Electron TypeScript 视频生成 Agent 短剧制作画布

NestJS v12 发布解读：ESM 就绪、Standard Schema 校验与全新 CLI

NestJS v12 发布解读：ESM 就绪、Standard Schema 校验与全新 CLI
2026-09-09 08:32:44
NestJS v12 发布：核心包全部 ESM 化且兼容 require(esm)，路由装饰器原生支持 Zod/Valibot/ArkType 等 Standard Schema 校验，nest upgrade 一键自动迁移，新增 @nestjs/observe 可观测性 SDK，要求 Node.js v20.19+/v22.12+。
NestJS Node.js TypeScript 后端框架装饰器

Node.js 原生跑 .ts：类型剥离不是转译，Enum 直接报错，类型还得靠 tsc

Node.js 原生跑 .ts：类型剥离不是转译，Enum 直接报错，类型还得靠 tsc
2026-09-09 00:04:41
Node.js 从 v23.6/v22.18 起默认直接执行 .ts，靠类型剥离（type stripping）把注解替换成空白后跑剩余 JS。它不做类型检查，Enum/命名空间/参数属性这类需要生成代码的语法会直接报错，且忽略 tsconfig。这文讲清剥离与转译的区别、哪些写法会炸、tsconfig 怎么配，以及为什么 CI 里仍要单独跑 tsc --noEmit。
TypeScript 原生支持 Node.js 类型剥离装饰器

大家都在搜索什么？

devops 易支付一个官网+多少钱统一接受回调统一回调 python sub node 宝塔日志 mysql shell ElasticSearch css vue api接口对接 2025 支付接口对接 go php php回调