对于几百M或上G的大图而言，不管对图片进行怎么优化或加速处理，要实现秒开也是不太可能的事情。而“图像分割切片”是最佳解决方案。图像切片是指将一张大图分割成若干个小图的过程，以便于存储和处理。

按Crtl+S保存当前报错文件，eslint错误消失，但是Git暂存区多了个文件改动记录，对比Working tree没发现任何不同。 缺点：你不可能一一保存所有文件，麻烦，还要commit，多余。 比上面省事，eslint错误消失，但暂存区多了n个文件改动记录，对比Worki…

通过此文，你能了解到： 使用css属性设置文本描边的方法； 在浏览器中对于文本描边属性 text-stroke 的支持程度以及其替换属性 text-shadow的应用 。

这里我们的核心目标是动画的背景可替换，比如说，这里的视频可以有背景色，像以下的图。 接下来我们先对方案进行对比。 选用webgl的话，目前已经有很多很成熟且大型的库可供使用比如pixijs lottie，这些库动画效果酷炫，体积偏大，比如pixijs的cdn版本有80k，lot…

大家好，我是小杜杜，有关高性能，大数据量的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～

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

【字体压缩】淦，以后不用怕字体文件了 背景 开发项目的时候遇到一个这样的需求：要求使用思源黑体。据了解，一般字体文件体积都是蛮大的，通常 5MB+。谷歌了下思源黑体字体包，更是达到了 10MB。这么大

相信很多小伙伴都做个一些卡片列表类页面模块，但是过单纯的展示这些卡片未免有些枯燥，本期将分享一直探照灯的卡片移入效果，让我们的卡片变得有趣起来~