风骨

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

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

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

位运算，JavaScript 位运算在权限系统中的应用，JS 常见位运算：按位与（&）、按位或（|）、按位异或（^）、按位非（~）、左移（<<）、有符号右移（>>）、无符号右移（>>>）

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

H5 iOS、安卓环境下兼容处理。H5 开发总结。作为前端开发人员，业务上时常会涉及一些移动 H5 需求页面开发。但 Web 页面开发久了，转到 H5 页面形式开发难免会遇到一些问题。

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

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

RegExp（regular expression）正则，常常被用作处理 字符串 规则。使用场景包含两个角度： 校验，验证字符串是否符合某一规则，常见需求如：校验手机号格式 等； 匹配/捕获，匹