风骨

JS DOM 操作 "武功秘籍"。在原生 JS、JQuery 时代，页面中几乎所有的交互都需要使用 DOM 完成操作。随着以 数据驱动视图更新 为核心的 框架（React、Vue 等） 的出现 ...

JS Observer API 监听 DOM。随着浏览器不断革新，JS 原生层面提供了一些 Observer API 来应对一些 观察和监听 DOM 的交互场景。

单行文本超长打点省略、多行文本超长打点省略。业务上经常会遇到 文本内容超出容器区域进行省略打点展示 的需求，而展示省略也存在多种场景和形式，今天我们来聊一聊这些细节。

React Scheduler - 时间切片 使用和分析，React Scheduler - 任务优先级 使用和分析。

开篇 Scheduler 调度器的核心除了「时间切片」requestHostCallback 外，还有一个功能就是「优先级调度」。 它会根据任务的优先级（任务设定的过期时间）决定先执行哪个任务。为了更

轮询异步请求，前端异步请求轮询方案， 轮询发起 HTTP 请求查询数据状态。在前后端数据交互场景下，使用最多的一种方式是客户端发起 HTTP 请求，等待服务端处理完成后响应给客户端结果。

动手实现用户头像上传，canvas，drawImage。在一些 toc 类面向个人用户的网站中，都会为用户提供自由选择上传头像功能。前端可以借助 canvas 和 Canvas API 实现图像绘制。

HTML video 视频字幕。<track> 外挂字幕，WebVTT。 我们在观看 电视、电影 时能够看到在播放区域下方，会展示与视频中人物说话所对应的字幕。字幕给观影者看不懂的内容提供了翻译。

借助 navigator.sendBeacon、fetch keepalive 实现页面关闭时发送数据到服务器。在一些需求背景下，我们需要在页面销毁（关闭/刷新）时将数据同步给后台，比如 记录视频播放