大家都知道,当一些重大事件发生的时候,我们的网站,可能需要置灰,像是这样: 当然,通常而言,全站置灰是非常简单的事情,大部分前端同学都知道,仅仅需要使用一行 CSS,就能实现全站置灰的方式。 ...
几个你不知道却非常实用的JavaScript APIs
在本文中,将介绍一些鲜为人知但却非常有用的API,如: Page Visibility API Web Share API Broadcast Channel API Internationalization API 我们将一起看看它们是什么,我们应该在哪里使用它...
Vue3除了keep-alive,还有哪些页面缓存的实现方案
引言 有这么一个需求:列表页进入详情页后,切换回列表页,需要对列表页进行缓存,如果从首页进入列表页,就要重新加载列表页。 对于这个需求,我的第一个想法就是使用keep-alive来缓存列表页,列表和详情...
超长溢出头部省略打点
在业务中,有这么一种场景,表格下的某一列 ID 值,文本超长了,正常而言会是这样: 通常,这种情况都需要超长省略溢出打点,那么,就会变成这样: 但是,这种展示有个缺点,3 个 ID 看上去就完全...
Vue3优雅地监听localStorage变化
最近在研究框架,也仔细用了Vue3一些功能,今天分享一次我的实践: 「Vue3如何监听localStorage的变化。」 为什么要这样做? 原生的localStorage只能监听同源地址下不同页面的localStorage变化,作为...
深入了解加快网站加载时间的 JavaScript 优化技术
在当今快节奏的数字世界中,网站性能在决定任何在线企业的成功方面起着至关重要的作用。 一个快速、响应迅速且用户友好的网站不仅可以吸引和留住访问者,还有助于提高搜索引擎排名、提高转化率和改善用户体验...
15 个鲜为人知的 CSS 技巧
CSS(层叠样式表)是一种功能强大的标记语言,允许 Web 开发人员创建视觉效果惊人且响应迅速的设计。 CSS(尤其是与 JS 结合以实现响应)可能是 Web 开发中最重要的部分。 一旦我们达到了特定的性能阈值...
15个Typescript 5.0 中重要的新功能
作为一种在开发人员中越来越受欢迎的编程语言,TypeScript 不断发展,带来了大量的改进和新功能。在本文中,我们将深入研究 TypeScript 的最新迭代版本 5.0,并探索其最值得注意的更新 1.装饰器 TypeScrip...
在 JavaScript 中快速获取 Map 对象的长度
为了在 JavaScript 中获取Map的长度,我们使用它的size属性,例如 console.log(map.size)。 const map = new Map(); map.set('user1', 'John'); map.set('user2', 'Kate'); ...
3 种在 Vue 3 中定义组件的方法
Vue 正在不断发展,目前,在Vue 3 中有多种定义组件的方法。从选项到组合再到类 API,情况大不相同,如果您刚刚开始,可能会感到困惑。让我们定义一个简单的组件并使用所有可用的方法重构它。 1. Options A...