前言 在前端开发中，页面白屏是一个关键指标。一方面，页面加载时白屏时间过长会显著影响用户体验；另一方面，异常场景下白屏更是系统稳定性的一大隐患。 本文将介绍前端项目白屏监测的一种轻量化实现，并探讨对应

概述 性能优化在社区是个热门的话题，但是随着设备性能和网络速度的提升，需要做性能优化的项目可能并不是很多，所以每次做优化都是技术实践和累积的好机会。 性能优化的方式有很多，本文将从实例出发带你了解性能

在开始阅读之前，先解释一下文章里用到的英文缩写： CSR：Client Side Rendering，客户端（通常是浏览器）渲染； SSR：Server Side Rendering，服务端渲染； S

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我们可以借助 Proxy

Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员

有时候真的不得不感叹，AI实在是太智能，太强大了。从自动驾驶，家具，AI无处不在。现在我们前端开发领域，AI也成了一种新的趋势，让不少同行压力山大啊。

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第2天，点击查看活动详情。 前言 借用本篇软文与大家共享，那些高大上的系统架构图是如何画出来的，如何画更加优秀。 何为架构 聊到架构图

当我们想用几张图来介绍下业务系统，是不是对着画布不知从何下手？本文从常见的架构视图进行分析，介绍了常见的架构视图分类和画好架构视图的要注意的问题。

这篇文章就真的web端npm方式接入做说明 1.安装依赖 在项目中进入七鱼会话的包 2.初始化 这里其实可以封装起来，因为提供了很多方法 3.发送商品卡片 具体效果如下图所示 以上是七鱼客服的基本用法