在前端开发中，我们不可避免会遇到 Blob、File、FileReader、ArrayBuffer、Base64、URL.createObjectURL() 这些概念，是时候搞懂他们了！

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

平常有接触到媒体播放的朋友应该会发现一个问题，我们在其他视频网站时，他们的视频在进入页面的时候能自动播放，但是在我们实际开发中却不能，明明我们都设置了autoplay 属性，浏览器为什么区别对待呢？

这里介绍一种 Apple 官网非常喜欢用的一种交互动效：根据页面滚动播放视频。在 iPad、AirPods、Mac Pro 等产品的页面中，都会看到对应的实现。 下图是 AirPods Pro 充电盒

解决前端部署之后，通知用户系统有新版本【version-polling】,设计目的 为了解决前端项目部署之后，如何通知用户系统有新版本，并引导用户刷新页面以加载最新资源的问题。

目前判断元素出现在可视区域的有三种方案， 我们来逐个突破： offsetTop, scrollTop getBoundingClientRect IntersectionObserver 一、offs

跑马灯是前端常见的一种需求。听着高大上，其实就是控制一段文字在一个容器范围内的移动。根据业务场景的不同有多种变化，但是本质上离不开transition、animation、requestAnimat。

一、方案 当前小程序导出海报的方式主要是 canvas 绘制与服务端绘制 2 种方式，然而这两种方式各有优劣，无法完全满足开发者高效开发、调试方便的需求。 二、Painter 小程序生成图片库，轻松通

前不久，在网上看到这么一张非常有趣的图： 想必很多同学都看到这张图，是一个开发小哥被一个日间/黑夜模式切换按钮效果逼疯的视频。 其最终效果大致如下： 原完整代码在这里：Night && Day Tog