在业务中,有这么一种场景,表格下的某一列 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...
通过分层架构提高 React 组件的可维护性
可维护性是我们在实际开发系统时,需要认真考虑的的一个重要方面。它决定了系统修改、修复和更新的难易程度。只有当所有组件都得到良好维护并且软件项目没有什么不同时,系统才会以最佳方式运行。 如果您的项...
8 个理由告诉你,请停止使用 forEach 函数
1.不支持处理异步函数 async function test() { let arr = [3, 2, 1] arr.forEach(async item => { const res = await mockSync(item) console.log(res) }) console.log('end') } functi...
20 个 JavaScript 数组方法的实现
我想你们一定对JavaScript中的数组非常熟悉,我们每天都会用到它的各种方法,比如push、pop、forEach、map……等等。 但是仅仅使用它就足够了吗?太棒了,你一定不想在这里停下来。想和你一起挑战,实现20+个数...
