richard1015

软件开发正在经历一场深刻的范式革命，本文将对比两种 AI 编程范式Vibe Coding 与 Spec Coding ，并通过 spec-kit 来尝试一个案例，体验下 A...

别再裸用 Claude Code 了！32 个亲测技能 + 8 个 MCP 服务器，开发效率直接拉满！ 先晒一下我装完的效果（见下图），所有技能均实测可用。...

如何使用rrweb进行前端录屏，rrweb源码解析。其中包含了最小的实现demo,以及 rrweb 实现原理流程图。...

大家好，我是 lv (lv.liu)。 本篇文章，带你深入提示词工程，包括从技术的角度看提示词的类别、编写提示词的核心原则、写提示词的核心原则、写提示词的基本步骤、提示词技...

该篇主要是分享一个前端工程师学习 AI 的历程。你将学习到：如何选择学习路线、学习 AI 相关的基础概念、学习 AI 应用开发的基本技术方案、学习基于 LLM 开发一个简单...

本篇万字长文分享AI落地前端实操作，相信你认真学习之后，也能够在公司的前端 AI 落地中迈出第一步！也是成为公司最懂 AI 的前端大佬的第一步！...

在当今 AI 飞速发展的时代，大型语言模型 (LLM) 如 Claude、ChatGPT 等已经在代码生成、内容创作等方面展现出惊人的能力。然而，这些强大的模型存在一个明显...

开头的一些废话 当老板找我谈话，说想让我带前端团队的时候，说实话，我第一反应是“完了”。 以前自己写代码，好坏都是自己的事，代码烂了，加班补上就行。但带团队，感觉完全是另一...

废话不多说，先上图.... 如图所示，这是我用cursor零帧起手搓出的一款微信小程序，第一版本从开发到审核上线大概用了10天左右。 1. 初步想法 本来一开始我想写一款星...

Lighthouse性能分析深度指南：从理论到实践 目录 Lighthouse简介 性能指标详解 实践案例分析 优化策略 最佳实践总结 Lighthouse简介 Light...

Midscene.js 是一个非常有前景的 UI 自动化测试工具。它完美地将 AI 能力与传统测试框架结合，既保留了像 Playwright 这样成熟框架的优势，又通过 A...

动画在前端产品中是很重要的，它能增强用户体验，提升信息传达效果，还能塑造品牌形象。在数据产品中，精心设计的动画，可以直观地呈现复杂数据和信息，突出关键数据变化趋势，给用户深...

fabric.js 实现商品定制预览效果的四种思路，简单的对产品进行颜色、图片的修改后，直接下单，获得自己独一无二的商品。...

最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此...

前言 相信大家在日常开发中，都会用到弹框组件，我们一般叫它Modal,Alert,Dialog等,一般如果我们使用 antd 这样的组件库，它们的Modal 组件除了可以声...

一个合适的框架可以使你的工作事半功倍，但是如何选择合适的框架就是一个耐人寻味的事情，如果你对微前端框架不了解，那么你可以看看这篇...