切图仔仔

前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请求大量数据是否合理？

本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。

网页加载后，浏览器会解析 html、执行 js、渲染 css，这些工作都是在 Event Loop 里完成的，理解了 Event Loop 就能理解网页的运行流程。 但很多人对 Event Loop

customRef是Vue 3 中新增的 API，用于创建自定义 ref，并对其依赖项跟踪和更新触发进行显式控制。

使用defineModel时，为什么子组件内没有任何关于props的定义和emit事件触发的代码？修改defineModel返回值会修改父组件上绑定的变量，这是否破坏了vue的单向数据流呢？

虚拟滚动 常用场景 table表格 （在列比较多，还有产品需求就是不想要分页！！！） select下拉菜单数据较多场景 list 像博客等平台展示信息列表如果用户一直往下加载其实当达到一定的阈值界面就

本文可能有超过10MB的动图。 一些类似于通讯录、商品列表等组件，都会拥有一个基于每一项的首字母快速索引定位的功能，如大家手机上的通讯录、微信通讯录、某易车网的车品牌选择列表。在移动端上，对于需要快速定位的场景，我觉得这是个十分必要的功能。但最重要的不是能够通过点击去定位，因为…

在业务开发中，产品提了一个需求，要求表格的名称字段排序需要和windows文件排序一样，在网上找了一些发现都没有很好的实现这个需求，所以自己写一个sort来进行排序 梳理排序方式 总体来说是按位比较

Nginx 是流行的服务器，一般用它对静态资源做托管、对动态资源做反向代理。 Docker 是流行的容器技术，里面可以跑任何服务。 那 Docker + Nginx 如何结合使用呢？ 我们来试一下：