最近Code Review的时候，我看到我们组一个很聪明的年轻同事，用观察者模式，写了一个极其复杂的全局状态订阅系统，就为了在一个组件里，响应另一个不相关的组件的点击事件。 比较常见的场景：点击 Bu

核心工具类型 1. Partial<T>: 让所有属性变为可选 作用： 构造一个类型，使其属性都变为可选。 示例： 2. Required<T>: 让所有属性变为必选 作用： 构造一个类型，使其所有属

一、核心语法 解析： keyof T: 这是索引类型查询操作符。它会获取类型 T 的所有公共属性名，并创建一个由这些属性名组成的 字符串字面量联合类型（不清楚的可以查看之前的文章）。 P in key

> 作者： 徐桑 ## 一、前言 在前端开发中，性能优化一直是我们关注的重点。HTTP缓存作为提升页面加载速度的重要手段，通常能够显著减少网络请求。然而，最近在开发一个图片处理功能时，我遇到了一个令人

在网页中很多地方都会用到列表，例如导航菜单、新闻列表、商品分类等等。您除了可以使用 HTML 中的一些属性来对列表进行简单的设置外，在 CSS 中也提供了几种专门用来设置和格式化列表的属性，如下所示：

本文介绍了几种自定义HTML列表项样式的方法，你可以在本文中了解到::marker伪元素、::befroe伪元素和CSS counter函数的使用。文章中也提供了很多有趣的列表样式示例。

为什么要专门写一篇关于浏览器滚动条的文章呢？毕竟定制滚动条属于小众需求。事情源于一次产品上线之后，用户反馈滚动条也太丑了，设计让前端帮忙改一下。

在工作中会遇到一些需求场景，例如粘贴图片后自动上传，富文本编辑器内粘贴文本与图片，这些都与 Clipboard API 相关，在此讲解一下最新的 Clipboard API 的内容。 让我们能够监听复制、剪切和粘贴事件(即 copy、cut、paste )，并做一些额外处理。 …

修订说明：发布《80% 应聘者都不及格的 JS 面试题》之后，全网阅读量超过 6W，在知乎、掘金、cnodejs 都引发了很多讨论，还被多个前端微信公号和技术媒体转载。酝酿许久之后，笔者准备接下来撰写前端面试题系列文章，内容涵盖 DOM、HTTP、浏览器、框架、编码、工程化等方…