我的刀盾

前端监控的目标，是把「用户侧真实体验」和「线上可观测性」连起来：出了问题能第一时间知道、能定位到版本与路径、能量化影响面，而不是依赖用户截图或口头描述。本文先梳理常见监控维...

前两天随手写了个 Claude Code 的 Skill，专门做 Code Review 的，发了条推之后就没太在意。 结果第二天醒来一看，GitHub Star 刷刷往上...

前言 效果演示： 上一章：使用 Next.js + Prisma + MySQL 开发全栈项目 目录 章节 内容 关键技术说明 概念、双路径、持久化、与本仓库的对应关系 技...

近日突然发现 ESLint 在 VSCode 中无法自动保存了。 问题现象 保存文件时，ESLint 不再自动修复代码格式（如缩进、引号、分号等）。 当时的配置 setti...

某个阳光明媚的下午，作者正沉浸在摸鱼的氛围中，工作通讯图标闪烁—----得，来活了。设计认为两个下载按钮宽度不一致，有失美观，需要改成一样宽，宽度以最宽的那个按钮为准。...

1. requestAnimationFrame / cancelAnimationFrame 常规写法 用 setInterval 或 setTimeout 驱动动画时，...

同样的 Vue 3 或 React 项目，在大数据量或复杂交互下，别人的页面丝滑如 144Hz，你的却总有那种挥之不去的“果冻感”和微小卡顿？今天分享三个被大多数人忽略、却...

本文系统说明 JavaScript 中的： 迭代器协议与可迭代协议； 如何通过 .values() 等拿到迭代器； 全局 Iterator 的静态方法与 Iterator....

配合你的需求文档，食用更佳——PRD、接口说明、验收口径跟设计稿一起对照；光看画容易漏业务，光写文档又不知道长啥样，两口吃齐活。 在 Cursor 里用 Vue + Ele...

本篇是《前端 AI Coding 落地指南》的续作，专门讲 Skills 的实践：什么是 Skills、如何找开源 skills、何时封装、从 Rules 拆出来的与流程类...

本文介绍如何用 Next.js、Prisma、MySQL 搭建全栈应用：包含 MySQL 与 MySQL Workbench 的安装与基本使用、创建项目、目录含义、数据库建...

OpenClaw（开放龙虾）是一款可在你自己电脑上运行的个人 AI 助手，不仅能聊天，还能真正帮你干活：清空收件箱、发邮件、管理日历、值机、控制浏览器与系统等。本文结合 O...

前端技术「夯」与「拉」：常用库与框架优缺点盘点 「夯」指优点、顺手之处，「拉」指缺陷与槽点。本文按类型盘点常用技术，并给出特点与代码场景应用，方便选型与落地。 摘要 每项技...

wavesurfer 是一个利用Web Audio API和Canvas进行交互式导航音频可视化三方库。github 地址 通常用 wavesurfer 来做音轨波形的渲染...

发生什么事了 某天，我正在愉快的摸鱼，然后我看到测试给我发了条消息，说我们这个系统在UC浏览器中有问题，没办法操作，点了经常没反应（测试用得iPhone14，是一个h5的项...

一、实现一个快速评分组件 这个都不用多解释了，简直写的太妙了！ 二、巧用位运算 用位运算可以实现很多功能，比如乘2、除2（或者2的倍数），向下取整这些计算操作，而且性能很高...

JavaScript 在处理文件、二进制数据和数据转换时，提供了一系列的 API 和对象，比如 File、Blob、FileReader、ArrayBuffer、Base6...

尤雨溪在`Vite Conf 2024`上宣布成立公司Void Zero，目前已经完成$460万种子轮融资， 由Accel领头，并且有Amplify以及在dev tools...

一个便捷的找房小工具 单html代码，复制下去就能用哦 提供了多个小区便捷距离搜索 查看路径规划等等...

最近老弟小阿巴放暑假，想找点事情做。 小阿巴思考片刻，一拍脑袋：对啊，我天天用微信，那我就做个微信吧！ 老弟啊，听我一句劝，咱先别想着做微信了，先实现一个消息管理系统吧。...