当下流行的Web录屏方案有很多，今天为大家介绍一种无损、存储空间小的解决方案：rrweb，本文将结合源码深入解读其中的原理。

目录 RAG(检索增强生成): 知识增强外挂 LangChain: 方便快捷地创建AI应用 Agent(智能体): AI执行任务的“代理人” 在LangChain框架中使用RAG技术创建专用的Agen

在谈论到前端性能优化时，我们可能会想到很多方向，但虚拟列表一定算是一个值得谈谈的话题，很多人都是略懂一二，对其实现原理与过程还不太了解，所以当面试官问到比较细节的问题时往往语塞，本篇文章将从最简单的固

想让前端项目性能起飞？本系列分节拆解工程化优化方案。首节聚焦构建提速，带你掌握 Vite 和 Webpack 的优化技巧。后续还有网络加载、代码逻辑等多方面优化内容。追更本系列，逐步吃透前端项目优化！

一、问题引出 在使用一些图片图标、样例图时，我们往往将其设计为一个具有一定宽高的背景盒子： 如果项目中存在大量的这种小图，就会引发一个问题： 大量的小图引起了大量的请求，不仅对服务器造成了比较大的压力

三句话，我决定要他了 最近团队业务扩张，所以有一些HC，我也因此成了“兼职面试官”，每天都在跟不同的候选人打交道。面得多了，一些有意思的现象就浮现了出来。

实现的效果: 核心设计原则 四个要点：Web安全、高可用、易拓展和性能 站得高才飞得远，怎么在众多markdown渲染库和清理恶意 HTML的库中技术选型呢？ 清理恶意 HTML：选择 DOMPuri

使用 React 开发复杂的需求，时常会碰到性能问题。近期做业务过程就遇到一次，页面十分卡顿。此文将笔者排查问题的过程以及性能优化解决方案记录下来跟大家分享。

1. 抽组件 ≠ 拆文件夹 很多初学 Vue 的人对“组件化”的理解就是：“页面上出现重复的 UI？好，抽个组件。” 于是你会看到这样的组件： 接着你又遇到需要加图标的输入框，于是复制一份： 再后来你