--- highlight: a11y-dark theme: Chinese-red --- > 我非常相信运气，我发现，我越努力，就越幸运。——托马斯·杰斐逊 大家好，我是**柒八九**。一个*

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 我们对十万条记录进行循环操作，JS的运行时间为187ms，还是蛮快的，但是最终渲染完成…

b 站视频播放的是很快的，基本是点哪就播放到哪。 而且如果你上次看到某个位置，下次会从那个位置继续播放。 那么问题来了：如果一个很大的视频，下载下来需要很久，怎么做到点哪个位置快速播放那个位置的视频呢

本文将带大家用原生JS手写一个完整的图片预览和查看的功能，无任何第三方依赖，兼容PC与H5，实现触屏双指缩放等，干货满满。

困扰着前端人自适应大屏适配的噩梦可能要被这短短的几行代码破解了，难道这就是大屏适配的最优解？快来看看这款名为autofit的小工具，用了都说好！

界面无滚动条 滚动条的优化也有很多种，比如随便再网上搜索美化浏览器滚动条样式，就会出现些用css去美化滚动条的方案。 那种更好呢？ 没有更好只有更合适 像默认的滚动条的话，他能让你方便摁着往下滑动（他

下载文件是一个常见的需求，只要服务端设置 Content-Disposition 为 attachment 就可以。 比如这样： 设置 Cotent-Disposition 为 attachment，

阿里四面的时候被问到了这个问题，当时第一时间没有反应过来，觉得这个需求好奇特 面试官给了一些提示，我才明白这道题目的意思，最后回答的也是磕磕绊绊