web 能力大揭秘

浏览器的视频画中画特性有几年了，最近又增加了文档画中画，顺便复习下视频画中画，已经使用时的各种细节问题。

事情是这样的：之前写的像素转换器，其实我一直想给他加上像素动画，但是却屡战屡败，今天终于解决了这个问题，这里记录一下。

PerformanceObserver 是一个强大的 API，他可以用来配合 performance 使用，从而达到 performanceEntry 类事件发生时可以及时通知的效果。下面一起来看下如

很久前写的一篇性能优化的文章中有提到我们可以使用 performance.now 来获取程序运行的时间，今天再来介绍一个鲜为人知却又无比强大的 API - performance 中的一个很强大的功能

大家好，我是嘿嘿，今天来聊一聊如何使用 JS 来解析 excel 文件，当然不是直接使用 exceljs、sheetjs 之类的库，那就没意思了，而是主要说一下 JS 解析 excel 表格是如何实现

前段时间研究前端是如何解析 `excel` 表格的时候了解到 `jszip` 这个库，可以直接在前端对 `zip` 包进行压缩和解压缩，今天稍微水一篇。

MutationObserver 可用来监视 DOM 的变化，算是一个比较老的 API，但是却鲜为人知，他的前身是 MutationEvent：一系列监听 DOM 变更的 event 事件 - DOM

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第10天，点击查看活动详情 ResizeObserver 用于监听元素的大小尺寸变化，常见用于监听自适应大小的元素变化引起的宽高变

`IntersectionObserver` 用于监听元素是否进入视口（与视口是否存在相交），在图片懒加载等场景中被广泛应用，不过除了这个基础的用法，他还有更强大的能力。

前排先放效果图，通过几个 div 的拼接，和 css 的样式加成，便可制作出这样一个可爱的小幽灵。下面一起看下制作过程吧。

DIV * 1 + CSS * 3 = Mario ! 仅需一个 div + 三行 css，即可绘制出一个超级马里奥！

Worker 在国内虽然一般场景下使用不多，可能没有什么存在感，但是其实是一项挺久远的技术了，只是由于一般情况下没什么必要性，属于锦上添花形 feature，很少会使用，不过在一些特殊场景下可

最近翻 `MDN` 突然发现一套叫 `Web Animations API` 的东东，点进去看才知道，原来是一套控制 `css animation` 的 `API`，而且已经有段时间了 🤦‍♂️

最近参加掘金的更文挑战，着实被榨干 🤦‍♂️，日更实在是太可怕了。为了今天的日更，不得不花了大几十分钟写了个诗词朗诵的网站。前排先放链接https://poetry-reader.heyfe.org

`Web Speech API` 除了语音输出外，还支持语音识别，你可以通过 `Web Speech API` 收集用户的语音指令，为你的网站添加一些有趣的功能：比如在小说阅读网站上添加语音指令，让你

中秋节到了，吃月饼必不可少，为了让大家能够更愉快的过中秋，我花了一晚的功夫开发了一个摇一摇的页面，通过页面摇一摇，可以摇出各种各样的月饼，快来试试你的本命月饼是什么吧。

这几天项目中有涉及到各项目间代码隔离的内容，所以针对JS中的沙箱实现做了一些尝试，基本实现了正常代码间的运行隔离，这里记录一下实现过程。 要实现沙箱，首先，得让一段代码受控的跑起来，代码得转成字符串，然后使用字符串调用代码。 这里很容易就想到了 eval 和 Function。…

a 标签的 :visited 伪类用于指定被访问过的链接的样式，一般我们会针对 :visited 设定标签的字色、背景色等。尝试过的可能知道，针对其设定高度、字号等都无法生效。可能你会觉得哪里写错了（

前几天看到个有趣的 hook: useWorker。可以直接将函数转换为 worker，然后调用执行，这样便可以将一些耗时、阻塞的计算放到 worker 中执行，避免主线程阻塞。