之前是看面试题的时候突然看到前端怎么处理十万条数据，用户的交互是下拉列表的形式展示，觉得有点意思，就自己上手搞一波 面试官的考点 我分析了一波，面试官的考点可能有以下几点： 前端渲染海量 dom

前言 大部分小程序都会有这样的需求，页面有长列表，需要下拉到底时请求后台数据，一直渲染数据，当数据列表长时，会发现明显的卡顿，页面白屏闪顿现象。 分析 请求后台数据，需要不断的setData，不断的合

如果我想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好。虚拟列表思想的出现，就是为了帮助我们解决长列表问题的，下面让我们来一起了解下吧！

在不考虑兼容性（IE8+）的情况下，SVG 应该是目前解决项目中图标问题的最佳方案，没有之一。 SVG 在变大变小的情况下不会出现失真（出现锯齿或者看到像素点），也可以像 GIF 一样可以动起来。你也不再会有只是因为同一个图标颜色不同，就需要切两张图的困扰。只要你愿意，你甚至可…

手把手教你实现 SVG 图标的自动压缩、自动导入和快速使用，教你更工程化的使用 SVG 图标，干货满满，坐稳发车！

性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT

javascript在浏览器中运行的性能，可以认为是开发者所面临的最严重的可用性问题。这个问题因为javascript的阻塞性而变得复杂，事实上，多数浏览器使用单一进程来处理用户界面和js脚本执行，所以同一时刻只能做一件事。js执行过程耗时越久，浏览器等待响应的时间越长。 1.…

无论是分布式计算系统、服务端应用程序还是 iOS、Android 原生应用都会存在内存泄漏问题，Web 应用自然也不可避免地存在着类似的问题。虽然因为网页往往都是即用即走，较少地存在某个网页长期运行的问题，即使存在内存泄漏可能表现地也不明显；但是在某些数据展示型的，需要长期运行…

1. 意外的全局变量 2. 遗忘的定时器 3. 使用不当的闭包 4. 遗漏的 DOM 元素 5. 网络回调 可以抓取两份快照，两份快照中间进行内存泄漏操作，最后再比对两份快照的区别，查看增加的对象是什么，回收的对象又是哪些，如上图。