存储篇 2：本地存储——从 Cookie 到 Web Storage、IndexDB 随着移动网络的发展与演化，我们手机上现在除了有原生 App，还能跑“WebApp”——它即开即用，用完即走。一个优秀的 WebApp 甚至可以...

事件循环 img 默认代码从上到下执行，执行环境通过script来执行（宏任务） 在代码执行过程中，调用定时器 promise click事件…不会立即执行，需要等待当前代码全部执行完毕 给异步方法划分队列...

前端在上传视频时，需要截取视频中的 N 帧画面，选择一张做封面。 通过监听 video，我们可以使用 canvas 绘制当前视频位置的画面，并输出 base64 图片数据。虽然实现起来不难，我还是走了一些弯...

❝ 发布于 2023.06.06（芒种） ❞ Ant Design 是蚂蚁集团对外开源的一套 UI 设计，官方有针对这套设计的 React  实现，即 Ant Design of React，也就是我们熟知的 antd[1]，主要用于研发企业级...

大家好，我是 CUGGZ。 不以规矩，不能成方圆。今天来推荐几个流行的前端代码规范，可以参考这些规范来制订适合自己团队的代码规范，也可以通过学习这些规范来编写更简洁清晰的代码，让你的代码...

vuecli项目构建SSR服务端渲染 服务端渲染（SSR） 将一个 Vue 组件在服务端渲染成 HTML 字符串并发送到浏览器，最后将这些静态标记“激活”为可交互应用程序的过程就叫服务端渲染（SSR） 服务器...

@testing-library[1] 是一系列建立在 DOM Testing Library[2]（@testing-library/dom）基础上的包的集合。用来测试 UI 组件，不鼓励测试实现细节（比如组件内部状态、方法甚至生命周期），而是...

认识输入框 input 标签 输入框是我们网页中常见的元素，登录、注册、个人资料、收货地址等都需要用到输入框。而在 HTML 中，输入框的类型和属性都有很多，我们可以根据实际需求来决定使用哪一类...

SWR 是 vervel 公司开源的一个 npm 包，也是由 Next.js（React 框架）背后的同一团队创建。SWR 是一个 React Hook，用来简化 React 项目中获取远程数据的逻辑。 概述 对于 SWR 的由来及缓存策略...

字符串的处理基本都会用正则表达式，用它来做字符串的匹配、提取、替换等很方便。 但是正则表达式的学习还是有些难度的，比如贪婪匹配、非贪婪匹配、捕获子组、非捕获子组等概念，不止初学者难...