使 HTML 元素居中有哪些方案？ByAI
有多种方式可以实现HTML标签的居中，具体的方式会根据需要居中的元素类型（块级元素还是行内元素）以及具体应用的上下文来决定。下面将介绍几种常见的方法，涉及到的知识包括 CSS 盒模型、Flexbox 布局和 Grid 布局等。 1. 居中块级元素 1.1 使用 margin: auto 这是最常用的方法，适用于块级元素的水平居中。 html <div class="container"> …
CSS Modules 是什么ByAI
CSS Modules 是一种 CSS 文件的模块化和组件化的解决方案。它允许你将 CSS 样式局部化到组件中，从而避免全局命名冲突问题。每个 CSS 类名和动画名称默认都被视为局部作用域的，只有在特定模块中才会生效。这种方式非常适合在现代前端开发中使用，特别是与组件化框架（如 React、Vue 等）结合使用时。 核心概念 局部作用域 在 CSS Modules 中，每个类名和动画名称默认都是局 …
尝试在周报里管理 ToDoW
图为公司周末团建爬了大黑山。
VSCode 使用技巧DocByAI
排除文件夹 使用 search.exclude 在 搜索结果 中排除特定的文件或文件夹。 使用 files.exclude 在 文件资源管理器 中隐藏特定的文件或文件夹。 使用 files.watcherExclude 在 文件监视器 排除某些文件或文件夹，以提高性能。 目录树的颜色 在 Visual Studio Code (VS Code) 中，目录树（文件资源管理器）中的文件和文件夹可能会以 …
了解 glob 模式匹配ByAI
在 Visual Studio Code（VSCode）以及许多其他工具和库中，文件路径匹配通常使用 glob 模式 。 Glob 模式中的通配符 * ：匹配任意数量的字符（不包括路径分隔符 / ）。 ** ：匹配任意数量的目录层级，包括子目录。 ? ：匹配单个字符。 [abc] ：匹配方括号内的任意一个字符。 {a,b} ：匹配花括号内的任意一个模式。 Wildcard Description …
TypeScript 语法Doc
https://www.typescriptlang.org/ 变量 声明符号 var、let、const ts 里面基本弃用了 var，使用场景基本只有 let 和 const，用法和 js 一样。 ❓问号的用法 类型系统 类型别名 type 类型交叉 & ts type User = { name: string; age: number; }; type Employee = { …
使用 EditorConfig 和 Prettier 来规范代码风格ByAI
写前端代码实践下来一段时间，如果是我自己的前端项目，缩进类型一定是空格，长度必须是 2，因为 4 还是太长了，对 HTML 类的模板以及 js 代码不友好。但是如何约束队友呢，不论是有意还是无意的差异，为了让大家保持风格统一，我发现下面工具可以解决问题。 EditorConfig https://editorconfig.org/ EditorConfig 插件使用 .editorconfig 文 …
包管理 - npmDoc
版本管理 ~ : 当安装依赖时获取到有新版本时，安装到 x.y.z 中 z 的最新的版本。即保持主版本号、次版本号不变的情况下，保持修订号的最新版本。 ^ : 当安装依赖时获取到有新版本时，安装到 x.y.z 中 y 和 z 都为最新版本。 即保持主版本号不变的情况下，保持次版本号、修订版本号为最新版本。 参考文档： https://github.com/npm/node-semver https …
理解 useMemo、useCallback 和 memoByAI
虽然 React 的官方文档已经写的很清楚了，但我还是想总结下。形而上地讲前两个是 Hook，而 memo 是 API。形而下地说， useMemo 、 useCallback 和 React.memo 是 React 中用于优化性能的工具，它们帮助你避免不必要的重新渲染。 https://zh-hans.react.dev/reference/react/useCallback https:// …
CSS 中的 inherit 选项ByAI
在 CSS 中， inherit 关键字用于明确指定一个属性应从其父元素继承其值。几乎所有的 CSS 属性都可以使用 inherit 值，但并非所有属性默认继承自其父元素。使用 inherit 可以确保某个特定元素的属性值与其父元素相同，即使这个属性默认是不继承的。 以下是一些常见的 CSS 属性，它们通常不会自动继承父元素的值，但可以设置为 inherit 来强制继承： width 和 heig …