12k
第 4 页

OpenReplay 博客

使用 boneyard 自动生成骨架屏

boneyard-js在开发时从真实组件布局自动生成skeleton loader,支持响应式.bones.json文件和Vite集成。

OpenReplay Team · May 5, 2026 · 5 min read

Kubernetes 实用概览

Kubernetes 概览:架构、Pods、Deployments、Services、Ingress 和 ConfigMaps,帮助在集群中运行并扩展 Web 应用。

OpenReplay Team · May 5, 2026 · 4 min read

如何使用 Stylelint 对 CSS 进行 Lint 检查

Stylelint CSS 检查的配置、规则和命令,帮助发现错误、统一规范,并集成 Prettier 和 CI。

OpenReplay Team · May 4, 2026 · 4 min read

用 npmx 浏览 npm 包的全新方式

npmx将npm包调研整合到一处,支持并排比较、包体积、模块格式、依赖关系和漏洞检查,方便快速评估。

OpenReplay Team · May 4, 2026 · 4 min read

使用 skills.sh 为 AI 智能体添加可复用能力

skills.sh 为 AI 代理添加可复用 skills,涵盖 SKILL.md、渐进式披露、CLI 安装和与 MCP 的比较。

OpenReplay Team · May 3, 2026 · 4 min read

JavaScript 打包工具的现状

2026年JavaScript打包工具对比:Webpack、Vite、Turbopack、Rspack、esbuild、Rollup和Parcel的定位与选择。

OpenReplay Team · May 3, 2026 · 4 min read

为代码块创建复制按钮

使用 Clipboard API 为代码块添加复制按钮,结合 textContent、try/catch、视觉反馈和可访问的 aria-label。

OpenReplay Team · May 2, 2026 · 4 min read

如何使用 OpenNext 在 Vercel 之外部署 Next.js

在 Vercel 之外部署 Next.js,可用自托管或 OpenNext 运行 AWS 和 Cloudflare。对比 Node.js、Docker 和新的 Adapter API。

OpenReplay Team · May 2, 2026 · 4 min read

一种应对 npm 供应链攻击的简单防御方法

通过 ignore-scripts=true、min-release-age 和 CI 检查在运行前阻止 npm 供应链攻击,及时发现新的安装脚本。

OpenReplay Team · May 1, 2026 · 5 min read

使用 ::search-text 美化 Ctrl+F 搜索结果

使用::search-text和:current为浏览器页面内搜索结果设置样式。涵盖CSS支持、可用属性及Chromium限制。

OpenReplay Team · May 1, 2026 · 4 min read

在 WordPress 中创建自定义文章类型

使用register_post_type、show_in_rest、插件式设置以及正确的归档和单页模板创建WordPress自定义文章类型。

OpenReplay Team · Apr 30, 2026 · 4 min read

使用 CSS 创意样式化列表的方法

使用语义化HTML、::marker、::before、计数器和@counter-style来美化CSS列表,实现自定义项目符号和编号,并兼顾可访问性。

OpenReplay Team · Apr 30, 2026 · 4 min read

在 Node.js 中防止路径遍历攻击

通过path.resolve和path.sep范围检查防止Node.js中的路径穿越,并用基于ID的文件查找替代用户输入。

OpenReplay Team · Apr 29, 2026 · 4 min read

如何从网络选项卡复制 API 请求

从 Chrome、Edge 或 Firefox 的 Network 选项卡复制 API 请求,使用 cURL、fetch 和 HAR 导出重放并排查错误。

OpenReplay Team · Apr 29, 2026 · 4 min read

使用 JavaScript Builder 模式灵活创建对象

JavaScript Builder Pattern 示例:逐步创建对象,支持流式 API、方法链、验证、默认值,以及更安全的 API 请求构建。

OpenReplay Team · Apr 28, 2026 · 4 min read

代码高尔夫与微型程序的艺术

解析代码高尔夫:源码极简、二进制 sizecoding、JavaScript 技巧、CSSBattle,以及 Vyxal、GolfScript 等高尔夫语言。

OpenReplay Team · Apr 28, 2026 · 4 min read

使用这些键盘快捷键加速你的编码

VS Code 键盘快捷键涵盖导航、编辑、搜索、重构和调试,减少鼠标操作并提升编码效率。

OpenReplay Team · Apr 27, 2026 · 4 min read

Charts.css:使用纯 CSS 构建图表

Charts.css用纯CSS和语义化HTML表格创建柱状、折线和饼图,无需JavaScript,且保留可访问的数据标记。

OpenReplay Team · Apr 27, 2026 · 4 min read

如何在现代 Web 项目中组织 CSS

用 cascade layers、design tokens、CSS Modules 和浅层嵌套整理 CSS,构建更易维护的现代 Web 项目。

OpenReplay Team · Apr 26, 2026 · 4 min read

使用 JavaScript 检测触摸设备

用JavaScript检测触控设备:maxTouchPoints、Pointer Events 和 CSS pointer 媒体查询,适用于混合设备和当前输入类型。

OpenReplay Team · Apr 26, 2026 · 4 min read

浏览器端设备上 AI 的现状

浏览器端本地AI解析:Chrome内置API、Transformers.js、ONNX Runtime Web、WebGPU、WebNN及混合回退方案。

OpenReplay Team · Apr 25, 2026 · 5 min read

GitHub 贡献图的创意技巧

用SVG、snake动画和通过GitHub Actions自动更新的README统计卡,自定义你的GitHub contributions graph。

OpenReplay Team · Apr 25, 2026 · 4 min read

Val Town:浏览器中的无服务器 JavaScript

Val Town 是一个基于浏览器的无服务器 JavaScript 和 TypeScript 平台,提供 vals、Deno 运行时、SQLite、blob 存储、邮件和 OpenAI。

OpenReplay Team · Apr 24, 2026 · 4 min read

理解数据库事务

解析数据库事务、ACID、隔离级别和MVCC,并提供可靠并发与回滚处理的实用指南。

OpenReplay Team · Apr 24, 2026 · 4 min read

We use cookies to improve your experience. By using our site, you accept cookies.