领域探索

在我们实现页面交互时，时常需要通过 「延迟执行」 来实现一些特定的功能。 比如使用 setTimeout 延迟执行渲染，来实现 「逐字输出」 效果。 如下代码示例： 这段 setTimeout

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

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

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

ChatGPT AI、fetch stream、text/event-stream。在传统的客户端与服务端的数据交互，常见的两种交互方式是： 客户端发起 Ajax 请求后，服务端将数据一次返回...

TS. 金庸笔下的武侠功法秘籍不胜枚举，主角凭借着至高无上的功法自在行走江湖。对于我们前端工程师来说如何轻松驾驭日常开发呢？势必不可缺少 TS 技能。 TS 作为 JS 的严格静态类型检查工具

Web Components。从我们熟知的前端框架 React、Vue 来看，「组件化」 已然成为前端主流开发模式，在代码复用、逻辑拆分、提升团队开发和维护效率等方面，有着无可比拟的优势。

H5 Video Player. 一些视频、学习类的网站，通常都会涉及 Video 视频播放能力的支持和使用。HTML5 <video> 标签可以帮忙我们在页面中实现视频播放。

浏览器原生 API window.print。一般信息填写类的需求页面，都会增设「预览」和「打印」功能。我们会通过编写 DOM 及样式来绘制出预览视图，而打印则是基于预览来生成 PDF 文件。

requestIdleCallback 介绍与使用； requestAnimationFrame 介绍与使用； 将一段非常耗时的执行程序，拆分成多个片段等待空闲调度执行。

前言 公司业务技术上为实现视频资源的体验优化，服务端团队针对视频点播方面采用了 HLS .m3u8 格式文件技术方案，并且服务端在处理 m3u8 格式文件时进行了加密。 这要求在 Web 端在进行播放