OpenReplay 博客
代码高尔夫与微型程序的艺术
解析代码高尔夫：源码极简、二进制 sizecoding、JavaScript 技巧、CSSBattle，以及 Vyxal、GolfScript 等高尔夫语言。
使用这些键盘快捷键加速你的编码
VS Code 键盘快捷键涵盖导航、编辑、搜索、重构和调试，减少鼠标操作并提升编码效率。
Charts.css:使用纯 CSS 构建图表
Charts.css用纯CSS和语义化HTML表格创建柱状、折线和饼图，无需JavaScript，且保留可访问的数据标记。
如何在现代 Web 项目中组织 CSS
用 cascade layers、design tokens、CSS Modules 和浅层嵌套整理 CSS，构建更易维护的现代 Web 项目。
使用 JavaScript 检测触摸设备
用JavaScript检测触控设备：maxTouchPoints、Pointer Events 和 CSS pointer 媒体查询，适用于混合设备和当前输入类型。
浏览器端设备上 AI 的现状
浏览器端本地AI解析：Chrome内置API、Transformers.js、ONNX Runtime Web、WebGPU、WebNN及混合回退方案。
GitHub 贡献图的创意技巧
用SVG、snake动画和通过GitHub Actions自动更新的README统计卡，自定义你的GitHub contributions graph。
Val Town:浏览器中的无服务器 JavaScript
Val Town 是一个基于浏览器的无服务器 JavaScript 和 TypeScript 平台，提供 vals、Deno 运行时、SQLite、blob 存储、邮件和 OpenAI。
理解数据库事务
解析数据库事务、ACID、隔离级别和MVCC，并提供可靠并发与回滚处理的实用指南。
使用 NativeWind 将 Tailwind CSS 引入 React Native
NativeWind将Tailwind CSS样式带到React Native，涵盖className、深色模式、变体、配置和关键限制。
OpenCode:终端优先的 AI 编码代理
OpenCode 是一款面向终端的开源 AI 编码代理，支持自带模型提供商、Plan/Build 模式，以及 LSP、MCP 和自定义命令。
使用 React Admin 构建数据驱动的应用
解析 React Admin 架构：dataProvider 方法、CRUD 视图、认证，以及用于后端无关应用的可复用列表和编辑页面。
面向开发者的免费图库资源
面向开发者的免费图库资源，涵盖许可证细节、API访问、署名规则以及 Unsplash、Pexels、Pixabay、Openverse 等的再利用限制。
如何在浏览器中调试 CORS 错误
用 DevTools、控制台报错和 preflight OPTIONS 排查浏览器 CORS 错误。快速发现混合内容、TLS 和凭据问题。
在 Node.js 中从 API 获取数据
使用 Node.js 原生 fetch 处理 API 请求、POST、超时和错误。并了解何时改用 undici Pool 或 Axios。
TypeScript 中的类型安全事件发射器
TypeScript 类型安全的事件发射器：通过事件映射、泛型 emitter 或 Node.js EventEmitter，在编译时发现拼写和 payload 不匹配。
使用 Shaders.com 为你的 UI 添加 WebGPU 特效
Shaders.com 为 React、Vue、Svelte 和 Solid 添加 WebGPU 效果，提供 90 多种可组合预设、可视化编辑器和浏览器回退方案。
HTTP 请求中的链接与表单
HTTP 请求中的链接与表单：何时使用 <a>、GET 表单、POST 表单，以及为什么 method=link 在 HTML 中无效。
如何在 JavaScript 中检测在线和离线状态
使用 JavaScript 检测在线和离线状态：navigator.onLine、online/offline 事件，以及基于 fetch 的连接检查。
使用 CSS cross-fade() 混合图像
CSS cross-fade() 可在一条声明中混合图片。了解百分比权重、旧版 -webkit 语法、@supports 回退和浏览器支持。
热门 JavaScript 游戏引擎对比
比较 Phaser、Babylon.js、PlayCanvas、Excalibur 和 melonJS，选择适合 2D 和 3D 浏览器游戏的 JavaScript 游戏引擎。
JavaScript 开发者的安全编码实践
浏览器应用的安全 JavaScript 编码：防范 DOM XSS，避免 eval()，使用 CSP，保护令牌，并加固 postMessage 和依赖项。
使用 Canvas 将图像转换为 Base64
用 Canvas 将图片转为 Base64：对比 toDataURL 和 toBlob，处理 PNG/JPEG/WebP 支持，并避免 tainted canvas 的 CORS 错误。
使用 WebTransport 实现低延迟浏览器通信
浏览器 WebTransport：比较 WebSockets、数据报和流，了解如何通过 HTTP/3 实现低延迟通信且避免队头阻塞。