joken-前端工程师

摘要： npx 是一个随 npm（版本 5.2.0 及以上）一起安装的工具，它的主要作用是执行 npm 包中的二进制文件。换句话说，npx 允许你在不全局安装某个包的情况下，直接运行该包提供的命令行工具。 以下是 npx 的主要功能和使用场景： 1. 执行本地安装的包 如果你通过 npm install < 阅读全文

摘要： 解决方式: yarn config set strict-ssl false 阅读全文

摘要： 在 TSX 或 JSX 中，组件名必须以大写字母开头。这是 JSX 的语法规则之一，也是 React 和 Vue 3 TSX 写法中的一条重要约定。 原因：区分 HTML 标签和自定义组件 在 JSX/TSX 中，小写字母开头的标签会被解析为 HTML 元素（如 <div>、<span> 等），而大 阅读全文

摘要： 在 JavaScript 中，try...finally 语句用于定义一个代码块，在尝试执行某些可能抛出错误的代码后，无论是否发生异常，都会执行 finally 块中的代码。它通常用于清理操作（如关闭文件、释放资源等）。 以下是 try...finally 的基本用法和详细说明： 语法 try { 阅读全文

摘要： 在 CSS 中，当设置 overflow: auto 时，如果内容超出容器的高度，会触发滚动条的显示。然而，默认情况下，滚动条可能会占用额外的空间，导致容器的宽度发生变化（例如内容区域变窄）。为了避免这种情况，可以通过以下方法确保容器的宽度不被撑大。 方法 1：使用 box-sizing: bord 阅读全文

摘要： 在 Vue 3 的 TSX 写法中，如果你的 SCSS 文件中定义了一个类似 .abc-cbd 这样的类名（非嵌套样式），可以直接通过 CSS Modules 导出的对象来访问并使用它。 以下是详细的实现步骤和示例： 1. SCSS 文件定义 假设你的 SCSS 文件中定义了如下类名： styles 阅读全文

摘要： 在 CSS 中，实现高度百分比的方式有多种，以下是常见的几种方法及其适用场景： 1. 基于父容器的高度百分比 原理：子元素的 height 百分比值基于其直接父容器的高度。 条件：父容器的高度必须明确（例如通过 height 属性设置固定值或百分比）。 示例代码：<div class="parent 阅读全文