植物系青年

本文主要介绍了 useEffect 的相关知识点，包括依赖数组、清理函数、生命周期和执行顺序等，通过掌握这些概念，React 开发者可以更好地利用 useEffect 处理...

状态（State）是 React 中最为重要的概念之一，本文从什么是状态、状态的类型、什么时候以及什么地方去使用状态、如何使用和管理状态等各方面详细介绍了状态相关的内容。...

本文介绍了 2 种通过 React 原生能力减少无效 re-render 来性能优化的方法：通过 Children 或 Props 传递元素和使用 memo/useMemo...

本文介绍了前端性能优化的进阶实践，通过前端性能埋点&监控体系的建设，基于监控+发现+分析+解决+再监控的流程，对性能优化实现一个可持续性的良性循环。...

页面性能对于任何平台而言都至关重要，本文介绍了两个更加贴近用户感受的性能指标“用户体感耗时”和“关键交互耗时”，并详细说明了这两个性能指标在前端的埋点上报方法，通过量化的性...

可视化 A/B 实验通过可视化的方式对网页直接修改内容和属性，修改完成后能够直接上线实验。本文通过火山引擎、神策数据、VWO 等 3 个平台详细介绍了的可视化实验的业界现状...

本文通过信息卡片组件示例 info-card 手把手教你使用 Web Components，包括创建元素、附加 Shdow DOM、模版和插槽、设置 CSS 样式、响应式属...

本文主要分为实用工具和个人经验等两部分来分享作为一名代码洁癖患者平时在写代码时一些习惯，让“洁癖”洒满大地！！...

手把手教你怎么搭建一个 Vue3 + Vite + Vue Router + Pinia + Axios + Less + Element Plus + Vitest 的项...

录制用户行为来完整且真实地重现用户行为可以帮助我们回溯和分析某些使用场景，本文介绍了视频录制、页面截图和 Dom 快照录制等多种技术方案。...

虚拟列表技术是解决大数据量内容卡顿中最常被提到的一种技术，本文首先介绍了虚拟列表的通用原理，然后介绍了“固定虚拟列表”和“动态虚拟列表”的实现原理，最后还进一步介绍了一些优...

如何定位并解决前端大数据量场景下的性能问题是非常值得关注的问题，本文围绕大数据量场景下的前端性能问题进行展开，主要介绍了常见的大数据量场景和性能问题原因，同时给出了一些较常...

本文对 vite build 命令构建生产版本和 vite preview 命令本地预览构建产物等两部分的 vite 源码进行解析。...

拯救强迫症患者！！！通过工具来统一前端代码以规范开发，不仅是统一代码规范，还有统一 commit 信息规范， 以及统一 VSCode 设置等。...

文本溢出处理可以说是我们前端开发过程中最常遇到的场景之一，本文针对不同的文本溢出处理场景来探讨一下如何优雅地处理文本溢出，并给出相应的解决思路。...

Web Components 是浏览器原生支持的组件化方案，“Write once, run anywhere”。本文详细介绍了 WC 的基本用法、优缺点、开发库、应用场景...