风骨

我们如何保证项目、代码升级时，用户那里会渲染最新的程序呢？因为在项目升级时，我们不能让每个用户都手动刷新 从解决html、静态资源的缓存开始。对于无法加版本号的资源，采用自...

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

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

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

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

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

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

借助 navigator.sendBeacon、fetch keepalive 实现页面关闭时发送数据到服务器。在一些需求背景下，我们需要在页面销毁（关闭/刷新）时将数据同...

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

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

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

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

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

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

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