最近在网上冲浪时看到了这样一段代码： function getUserDescribe(name) { if (name === "小刘") { console.log("刘哥哥"); } else if (name === "小红") { ...

一、什么是设计模式？ 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码，让代码更容易的被他人理解并保证代码的可靠性。     设计模式实际上是...

在讲解之前，我们先了解一下数据响应式是什么？所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更...

Blob API Blob API 用于处理二进制数据，可以方便地将数据转换为Blob对象或从Blob对象读取数据。 // 创建一个Blob对象 const myBlob = new Blob(["Hello, world!"], { type: "text/plain&q...

日常经常使用可能还不知道的点 一行代码完成结构加赋值 我们日常经常使用结构赋值，一般都是先结构，再赋值，当然我们也可以一行就完成解构加赋值操作，看起来非常简化，当然可读性你懂得！ let people...

大家都知道，当一些重大事件发生的时候，我们的网站，可能需要置灰，像是这样： 当然，通常而言，全站置灰是非常简单的事情，大部分前端同学都知道，仅仅需要使用一行 CSS，就能实现全站置灰的方式。 ...

在本文中，将介绍一些鲜为人知但却非常有用的API，如： Page Visibility API Web Share API Broadcast Channel API Internationalization API 我们将一起看看它们是什么，我们应该在哪里使用它...

引言 有这么一个需求：列表页进入详情页后，切换回列表页，需要对列表页进行缓存，如果从首页进入列表页，就要重新加载列表页。 对于这个需求，我的第一个想法就是使用keep-alive来缓存列表页，列表和详情...

在业务中，有这么一种场景，表格下的某一列 ID 值，文本超长了，正常而言会是这样： 通常，这种情况都需要超长省略溢出打点，那么，就会变成这样： 但是，这种展示有个缺点，3 个 ID 看上去就完全...

最近在研究框架，也仔细用了Vue3一些功能，今天分享一次我的实践： 「Vue3如何监听localStorage的变化。」 为什么要这样做？ 原生的localStorage只能监听同源地址下不同页面的localStorage变化，作为...