GitHub Repo stars
Chrome 本地网络访问权限用于阻止公共网站访问本地设备,介绍触发 LNA 提示的条件及在 Web 应用中的处理方式。

Mar 8, 2026, 4 min read

Chrome 的本地网络访问 (LNA) 权限详解

介绍像素亮度到字符的映射原理,以及 Unicode 盲文符号与块元素对 ASCII 艺术的扩展,并说明 Canvas、WebGL 和 ANSI 终端的渲染方式。

Mar 8, 2026, 4 min read

浏览器和终端中的 ASCII 艺术

对比 React、Vue、Angular 与 Svelte 的响应式实现方式,涵盖粗粒度渲染周期、细粒度 signals 机制及编译器驱动的 DOM 更新策略。

Mar 7, 2026, 5 min read

响应式模型对比:React、Vue、Angular、Svelte

使用接口、Zod schemas 及 OpenAPI 生成工具为 API 响应添加类型,可防止运行时数据不匹配,并确保类型始终准确。

Mar 7, 2026, 4 min read

如何在 TypeScript 中为 API 响应添加类型

介绍如何使用原生 HTML5 API 或 svelte-dnd-action 在 Svelte 中实现拖放功能,涵盖动画、触摸支持及多列表看板。

Mar 6, 2026, 4 min read

如何在 Svelte 中实现拖放功能

Ripple 是一款编译器驱动的 TypeScript UI 框架,通过细粒度响应式原语消除虚拟 DOM 差异比对与手动依赖追踪。

Mar 6, 2026, 4 min read

Ripple:一个值得关注的新型 TypeScript UI 框架

通过理解 svh、dvh、lvh 与 vh 的差异,修复移动端视口裁剪问题,并在合适场景下应用各单位以实现稳定的全高度布局。

Mar 5, 2026, 4 min read

当 100vh 说谎时:修复移动端视口问题

JavaScript 生成器按需产出值,适用于惰性迭代、异步分页以及基于 Iterator Helpers API 构建可组合的数据管道。

Mar 5, 2026, 4 min read

JavaScript 生成器的使用场景

在 TypeScript 项目中有效组织类型定义,通过明确的同置策略,覆盖内联文件、共享目录与 ambient 声明文件三类场景。

Mar 4, 2026, 4 min read

如何在 TypeScript 项目中组织类型定义

MCP Apps 支持在 AI 对话中嵌入交互式 UI 组件,介绍 MCP 服务器如何通过 ext-apps SDK 标准渲染仪表盘与表单。

Mar 4, 2026, 4 min read

MCP Apps:为 AI 对话添加交互式 UI

通过配置路由、解析 JSON 请求体并应用中间件级联模型,使用 Koa 构建 REST API,实现 GET 与 POST 端点的处理。

Mar 3, 2026, 4 min read

使用 Koa 构建你的第一个 API

Error Lens 将 ESLint 和 TypeScript 的诊断信息内联显示于 VS Code 中,助前端开发者无需离开编辑器即可快速发现并修复错误。

Mar 3, 2026, 4 min read

在 VS Code 中使用 Error Lens 更好地查看错误

深入辨析 CSS user-select: none 在交互控件中的合理用途,以及它对可访问性、翻译工具和依赖文本选择的用户造成的潜在危害。

Mar 2, 2026, 4 min read

何时使用 user-select: none(以及何时它会成为 UX/可访问性陷阱)

借助 DevTools、Performance API 和 Core Web Vitals 分析 JavaScript 执行,识别性能瓶颈并准确测量真实用户的 INP。

Mar 2, 2026, 4 min read

如何测量 JavaScript 性能

虚拟滚动只渲染可见的 DOM 节点,使大型数据集保持流畅。介绍窗口化、overscan 机制以及 TanStack Virtual 等库的工作原理。

Mar 1, 2026, 4 min read

虚拟滚动:构建高性能界面

OpenClaw 是可自托管的 AI 智能体,可在自有硬件上执行 shell 命令、控制浏览器,并集成 Slack、Telegram 和 WhatsApp。

Mar 1, 2026, 4 min read

OpenClaw:一个新的开源 AI 助手

通过 Web Streams API、ReadableStream 和 TransformStream 对 fetch 响应逐块处理,可降低内存压力并提升性能。

Feb 28, 2026, 4 min read

为 Web 开发者解释 Streams

Redis、Memcached 等键值数据库基于内存哈希表实现快速查找,广泛用于前端后端系统的缓存与会话存储。

Feb 28, 2026, 4 min read

键值数据库(如 Redis、Memcached)的工作原理

CSS 的 abs() 函数可安全处理带符号的自定义属性,适用于间距、动画时序和布局计算,无需借助 JavaScript 实现。

Feb 27, 2026, 4 min read

使用 abs() 处理 CSS 中的绝对值

Lynx.js 是字节跳动推出的跨平台框架,基于 React、原生 CSS 和双线程架构,渲染真正的 iOS 与 Android 原生界面。

Feb 27, 2026, 4 min read

什么是 Lynx.js?初学者指南

介绍如何使用 openapi-typescript、openapi-fetch 和 Orval 从 OpenAPI 规范生成 TypeScript 类型,构建类型安全的 API 客户端并消除运行时错误。

Feb 26, 2026, 4 min read

使用 OpenAPI 和 TypeScript 构建类型安全的 API 客户端

在 JavaScript 中实现迭代与递归两种二分查找,了解有序数组的前提要求,并判断二分查找相比线性查找的适用场景。

Feb 26, 2026, 4 min read

在 JavaScript 中实现二分查找

借助 grep、sed、awk、ripgrep 和 jq 提升终端生产力,高效解析日志文件、提取列数据并转换结构化文本。

Feb 25, 2026, 4 min read

Linux 文本处理速查表

CSS aspect-ratio 控制盒模型尺寸,替代 padding hack,并在 flexbox 与 grid 布局中配合 object-fit 防止布局偏移。

Feb 25, 2026, 4 min read

CSS Aspect Ratio 工作原理