飞翔的猪猪

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

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

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

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

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

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

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

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

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