samwangdd

Cursor 团队的更新速度令人惊叹，近期新版本对 .cursorrules 进行了调整。相关的文章较少，因此我决定分享一下我个人在新版 Cursor rules 中的使用...

MCP 通过标准化协议，将工具提供方与应用研发者解耦，带来的将是 AI Agent 应用研发范式的转移。...

在介绍 useSWR 之前，我们先看一个最简单的带有数据请求的 React 组件。 如果经常写这样的代码，那么肯定会想到自己封装一个 React Hook，该 Hook 以...

本文从适合小型 Monorepo 的 Feature branch 工作流开始分享，接着分享适用于中大型 Monorepo 的 Trunk-based 工作流，并给出一些选...

受邀参加 2023 51CTO 举办的『WOT全球技术创新大会』 分享会，分享主题为《字节跳动的前端工程化实践》！...

以上各种动画形式都可以制作出一种类型的动画，那就是帧动画，也叫序列帧动画，定格动画，逐帧动画等，这里我们统一用帧动画来表述。 帧动画一般用来实现稍微复杂一点的动画效果，同时...

介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !...

Zod 是一个以 TypeScript 为首的模式声明和验证库 ，弥补了 TypeScript 无法在运行时进行校验的问题 ，既可以用在服务端也可以运行在客户端，以保障 W...

Jest 是一个前端测试框架，它可以组织和运行测试用例，并且提供了 mock、断言等 api。 比如这样： 这是 nest 应用的一段测试代码，在 beforeEach 里...

前两天上班，突然小叶给我发消息：哥哥，你看这两段代码是什么意思啊？ 乍一看，感觉这代码既熟悉又陌生。好像在哪里见过，但平时好像又很少用到。 我喝口水，冷静的想了 3s：咦，...

代码中如果if-else比较多，阅读起来比较困难，维护起来也比较困难，很容易出bug，接下来，本文将介绍优化if-else代码的八种方案。 如果if-else代码块包含re...

因为混得不好。 在成为程序员之前，我干过很多工作。由于学历的问题（高中），我的工作基本上都是体力活。包括但不限于：工厂普工、销售（没有干销售的才能）、搬运工、摆地摊等，转行...

前言 通常情况下，一个 git 仓库就是一个项目，只需要配置一套 git hooks 脚本就可以执行各种校验任务。对于 monorepo 项目也是如此，monorepo 项...

前言 浏览器渲染原理作为前端必须要了解的知识点之一，在面试中经常会被问到。在一些前端书籍或者培训课程里也会经常被提及，比如 MDN 文档中就有渲染原理的相关描述。 作为一名...

css遮罩是一种很常见的设计，因为浏览器的兼容性问题，网页上却很少使用css直接书写，一般都是切图实现。 但随着浏览器的发展，目前大部分浏览器已经得到了支持，所以我们可以了...

简单了解微前端 微前端具备以下特点： 技术栈无关：主框架不限制接入应用的技术栈，微应用具备完全自主权 独立开发、独立部署：既可以组合在一起运行，也可以单独运行。 增量升级：...

qiankun 微前端实践及常见问题总结；与技术栈无关、独立开发、独立部署、增量升级、独立运行；`拆分、细化、解耦`你的巨无霸项目； 提升开发及打包部署效率；...

银弹存在吗？ 在上篇《为什么是 Zustand》中，我总结了在 ProEditor 这个重交互操作的场景下对状态管理的诉求，本篇将会从具体使用的角度来详细介绍下我是怎么用 ...