chuckQu

摘要： 对数组中的项目进行分组，你可能已经做过很多次了。每次都会手动编写一个分组函数，或者使用 lodash 的 groupBy 函数。 好消息是，JavaScript 现在有了分组方法，所以你再也不必这样做了。Object.groupBy 和 Map.groupBy 这两个新方法将使分组变得更简单，并节省 阅读全文

摘要： 调试 JavaScript 中的异步代码有时就像在雷区中穿梭。你不知道 console.log 会在何时何地打印出来，也不知道代码是如何执行的。 你很难正确构造异步代码，使其按照你的意图以正确的顺序执行。 如果在编写异步代码时能得到一些指导，并在即将出错时收到一条有用的信息，那岂不更好？ 幸运的是， 阅读全文

摘要： 本文将指导你发布双模式、跨运行时的 JavaScript 包。了解如何创建与 ESM 和 CommonJS 以及 Node.js、Deno 和浏览器等不同运行时兼容的库。 随着 JavaScript 开发的不断发展，人们越来越需要能在多种环境中运行的强大依赖包。在本文中，我们将探讨如何发布跨运行时、 阅读全文

摘要： 本文将探讨实用的 JavaScript 文件优化技术、如何处理与 JavaScript 文件相关的性能问题以及帮助优化过程的工具。你将获得提升web应用程序速度的相关知识，从而为你的用户提供无缝体验。 JavaScript 文件是web应用程序的重要组成部分，但网站速度和用户体验对网站的成功至关重要 阅读全文

摘要： 本文将介绍如何将前端web应用程序从 Webpack 升级到 Vite。 Vite 是最新的前端开发工具，其受欢迎程度和采用率都在大幅增长。可以查看下图中来自 npm trends 的下载。 推动这一趋势的是 Vite 核心的一个关键概念：开发人员体验。与 Webpack 相比，Vite 在开发过程 阅读全文

摘要： 在本文中，我们将探索 CSS Grid repeat() 函数的所有可能性，它允许我们高效地创建 Grid 列和行的模式，甚至无需媒体查询就可以创建响应式布局。 不要重复自己 通过 grid-template-columns 和 grid-template-rows 属性，我们可以显式地设置网格中的 阅读全文

摘要： 在本文中，我们将探讨 CSS 尺寸单位的四大类别。我们将了解这些尺寸单位的用途、它们的最佳工作原理，以及如何在每种情况下选择最佳尺寸单位，从而在各种媒体和设备尺寸下优化我们的布局。 关于 CSS 尺寸单位 CSS 提供了多种指定元素大小或长度的方式，其中一些更为直观。CSS 单位可分为四大类： 绝对 阅读全文

摘要： 在当今快节奏的数字世界中，网站性能对于吸引用户和取得成功至关重要。然而，对于像首页这样的页面，在不影响功能的前提下优化性能就成了一项挑战。 这就是 Vue 组件懒加载的用武之地。通过将非必要元素的加载推迟到可见时进行，开发人员可以增强用户体验，同时确保登陆页面的快速加载。 懒加载是一种优先加载关键内 阅读全文

摘要： Vue 和 React 是创建 JavaScript 网络应用程序最常用的两种工具。但我们该如何在两者之间做出选择呢？在本篇 Vue 与 React 的对比中，我们将尝试找出答案。我们将回顾每种工具的优缺点，提供选择使用哪种工具的技巧，并帮助你开始使用。 总览 什么是Vue？ Vue趣事 什么是Re 阅读全文

摘要： > 在本文中，我们将探索 CSS Grid repeat() 函数的所有可能性，它允许我们高效地创建 Grid 列和行的模式，甚至无需媒体查询就可以创建响应式布局。 ## 不要重复自己 通过 `grid-template-columns` 和 `grid-template-rows` 属性，我们可以 阅读全文