你是否一直对前端性能监控系统的底层原理充满好奇？想知道那些 FCP、LCP、FID 指标是如何被精准捕获的？...

项目概述 这是一个基于Three.js的3D交互式地图可视化系统，以广东省地图为展示对象，实现了丰富的3D视觉效果和交互功能。本文将对项目中的核心函数进行逐步骤、逐函数的详细分析，帮助读者深入理解系统

问题描述 面试官：后端一次性返回10万条数据给你，你如何处理？ 我：歪嘴一笑，马上给后端发生一百万次请求，干蹦他的服务器，让他给爷哭！ 问题考察点 性能优化意识（能否识别出“10 万条数据”会导致性能

面试官问："用户 token 应该存在哪？" 很多人脱口而出：localStorage。 这个回答不能说错，但远称不上好答案。 一个好答案，至少要说清三件事： 有哪些常见存储方式，它们的优缺点是什么

在前端开发中，ECharts 作为数据可视化的利器被广泛使用，但每次使用都要重复处理初始化、容器获取、事件绑定、窗口 resize 等逻辑，不仅繁琐还容易出错。最近我封装了一个useEchart

✍ 写在前面 权限系统是前端架构中极易被忽略又极其重要的模块。它决定了： 页面级访问控制是否安全 不同用户是否看到“自己该看的”按钮、菜单、模块 灰度发布是否精准可控 不管你是 ToB 管理系统，还是

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

之前说到HTTPS，在我的概念中就是更安全，需要服务器配置证书，但是到底什么是HTTPS，为什么会更安全，整套流程又是如何实现的，在脑子里没有具体的概念。所以，我花了几天的时间，通过参考一些文章，学习了HTTPS整套机制的实现，想要通过一篇文章把我学习到的东西总结出来，让更多之…

虚拟列表实现 实现思路 渲染可视区域的数据：根据滚动位置计算出可见的起始索引和结束索引； 总高度占位：整个容器高度与真实数据等高，让滚动条正常工作； 滚动定位：通过一个“内层偏移容器”将可视区域的内容