正式开始前先郑重声明，由于每个前端技术都有自己的应用场景，很多时候没办法完全公平地去比较，所以接下来的排行会带有一定的主观性。本期鱼皮只是希望帮大家学到知识、认识更多的技术。

💡 核心实现思路与技术要点 虚拟列表的实现涉及几个关键步骤：数据准备、位置预估、滚动计算和动态修正。 1. 数据准备与初始位置预估 数据结构化 为了方便组件内部管理和索引，原始数据需要被封装。 思路：

🧑‍💻 写在开头 点赞 + 收藏 = 支持原创 🤣🤣🤣 上一篇文章我们聊了 数据层与渲染层的绑定机制，今天继续推进 —— 把视角放到事件层。 你会看到一个清晰的五层架构设计，从 DOM 原生事件到业务

经过对elementPlus源码的分析，和dark模式切换效果的调试，我们最终发现了，elementPlus的dark模式切换原理，找到了对应模式下正确的混合色算法，据此改造并优化我们原有的混合色生成

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

react-router-dom@6实现嵌套路由 V6新特性 <Route>的属性变更component/render->element ####<Link/>使用变动 ####<Redirect/>

项目当中前端代码会遇到同一个请求向服务器发了多次的情况,我们要避免服务器资源浪费,同一个请求一定时间只允许发一次请求,如果业务简单可以用定时器做防抖,如果业务复杂我要通过ajax库统一取消ajax请求

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

从小程序基础库版本 1.6.3 开始，小程序支持简洁的组件化编程。查看自己使用的小程序基础库版本，可以通过在开发者工具右侧点击详情查看 这样，在主页面就可以使用了。 相比于vue的组件引入，小程序的方案更简洁。vue组件引入是需要 import 之后，同时在 component…