OpenReplay 博客
使用 boneyard 自动生成骨架屏
boneyard-js在开发时从真实组件布局自动生成skeleton loader,支持响应式.bones.json文件和Vite集成。
Kubernetes 实用概览
Kubernetes 概览:架构、Pods、Deployments、Services、Ingress 和 ConfigMaps,帮助在集群中运行并扩展 Web 应用。
如何使用 Stylelint 对 CSS 进行 Lint 检查
Stylelint CSS 检查的配置、规则和命令,帮助发现错误、统一规范,并集成 Prettier 和 CI。
用 npmx 浏览 npm 包的全新方式
npmx将npm包调研整合到一处,支持并排比较、包体积、模块格式、依赖关系和漏洞检查,方便快速评估。
使用 skills.sh 为 AI 智能体添加可复用能力
skills.sh 为 AI 代理添加可复用 skills,涵盖 SKILL.md、渐进式披露、CLI 安装和与 MCP 的比较。
JavaScript 打包工具的现状
2026年JavaScript打包工具对比:Webpack、Vite、Turbopack、Rspack、esbuild、Rollup和Parcel的定位与选择。
为代码块创建复制按钮
使用 Clipboard API 为代码块添加复制按钮,结合 textContent、try/catch、视觉反馈和可访问的 aria-label。
如何使用 OpenNext 在 Vercel 之外部署 Next.js
在 Vercel 之外部署 Next.js,可用自托管或 OpenNext 运行 AWS 和 Cloudflare。对比 Node.js、Docker 和新的 Adapter API。
一种应对 npm 供应链攻击的简单防御方法
通过 ignore-scripts=true、min-release-age 和 CI 检查在运行前阻止 npm 供应链攻击,及时发现新的安装脚本。
使用 ::search-text 美化 Ctrl+F 搜索结果
使用::search-text和:current为浏览器页面内搜索结果设置样式。涵盖CSS支持、可用属性及Chromium限制。
在 WordPress 中创建自定义文章类型
使用register_post_type、show_in_rest、插件式设置以及正确的归档和单页模板创建WordPress自定义文章类型。
使用 CSS 创意样式化列表的方法
使用语义化HTML、::marker、::before、计数器和@counter-style来美化CSS列表,实现自定义项目符号和编号,并兼顾可访问性。
在 Node.js 中防止路径遍历攻击
通过path.resolve和path.sep范围检查防止Node.js中的路径穿越,并用基于ID的文件查找替代用户输入。
如何从网络选项卡复制 API 请求
从 Chrome、Edge 或 Firefox 的 Network 选项卡复制 API 请求,使用 cURL、fetch 和 HAR 导出重放并排查错误。
使用 JavaScript Builder 模式灵活创建对象
JavaScript Builder Pattern 示例:逐步创建对象,支持流式 API、方法链、验证、默认值,以及更安全的 API 请求构建。
代码高尔夫与微型程序的艺术
解析代码高尔夫:源码极简、二进制 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,并提供可靠并发与回滚处理的实用指南。