在去年的一场面试中，面试官向我提了一个问题： 面试官：后端一次性给你一千万条数据，渲染到页面上发生卡顿，你该怎么优化？ 我：我会问候后端（bushi）

> 于水增 ## 故事背景 事情起源于之前做的海报编辑器，自己调试时无意中发现字体渲染好慢，第一反应就是网怎么变慢了，断网了？仔细一看才发现，淦！这几个字体资源咋这么大，难怪网速变慢了呢😁😁。

40岁老前端学习记录第5波，每半年一次。对前四次学习内容感兴趣的可以去我的掘金专栏“每周学习记录”进行了解。以前端前沿新特性为主。

日志用来记录程序运行时的状态和信息，这样当系统出现问题时，我们可以通过日志快速定位问题。 要记住，日志不是写给机器看的，是写给未来的你和你的队友看的。

HTML5 Canvas 绘制一个高颜值、支持交互的事件流程图，展示从起飞到降落的完整飞行事件时间线，包含播放 / 暂停 / 重置动画控制功能。 大家复制代码时，可能会因格式转换出现错乱，导致样式失效

前言 最近做了一个小需求，记得之前写过这个美团购物车小球动画效果还发在csdn里面了，但需要的时候却找不到，不知道什么时候给删了，今天再给大家分享一下这个功能的源码，以便以后的使用。

Page Visibility、Web Share、Broadcast Channel 等 10 个被忽视却极实用的 JS API，能一键实现跨标签通信、懒加载、取消请求等高频需求，复制即用，面试加分

在项目开发过程中，前端需要存储大量的数据，cookie,localstorage 都有存储长度限制，需要一个存储容量大、支持搜索和自定义索引的前端存储方案——IndexDB。

阅读本文，你将学会：WebWorker + 离屏Canvas 实现多线程并发渲染优化、Canvas画板开发、图像边缘算法、图像粒子化...