.vue 文件行数规范一般来说，一个 .vue 文件行数建议不超过 400 行，超过建议组件化拆分 变量命名引用类型使用 const 定义是因为 const 声明的变量不能被重新赋值，但其内容是可以改变的。这样可以防止变量被意外重新赋值，从而提高代码的稳定性和可读性。 12345678910111213141516<script setup lang="ts">...

MdnMdn: https://developer.mozilla.org/en-US/docs/Web/CSS/@starting-style 实验性：这是一项实验性技术在生产中使用它之前，请仔细检查浏览器兼容性表。 @starting-style CSS at-rule 用于设置文档的初始样式。它允许您在文档加载时设置文档的初始样式，而不必等到文档完全加载后再应用样式。 支持程度兼容性...

晚宴开始前，大家请注意：这里没有… 素食[者]Before we begin, you must all be warned: nothing here… is vegetarian. 出门自带葱姜蒜，别让拔叔太难办；走前喝点小料酒，别让拔叔腌太久；千垛万切进油锅，烈火炙烤有点咸；拔叔盘里寻常见，杰克腹内几度闻；初听不知曲中意，再听已是肚中人。很会做人 如果...

今天封装一个简易动态表单组件的时候遇到了一个的 Bug 分享下，避免踩坑。我使用动态组件来加载一些表单组件，对于大多数组件来说，插槽（slot）是不必要的，但有些控件则需要。比如 el-select ，需要 slot 来挂载选项 123456789101112131415<Component v-bind="column.attrs" :is="map...

提示本文针对 Win11 操作系统的 PowerShell。其实文档已经写的很清楚了，本文是为了方便萌新快速上手，如果你对文档已经很熟悉了，那么这篇文章可能对你来说没什么用。 安装打开 Oh My Posh，找到 Docs 页，选择 Windows 菜单 打开 PowerShell 终端并运行以下命令： 1winget install JanDeDobbeleer.OhMyPosh -s...

Never在 TypeScript 中，never 本质就是一个空集。事实上，在另一个流行的 JavaScript 类型系统 Flow 中，作用完全一样的类型直接被命名为 empty。 由于集合中没有值，never 类型字面意义地永远不会（双关）有任何值，包括 any 类型的也不在 never 这个空集中。这就是为什么 never 有时也被称为 uninhabited 类型或 Bottom ...

Blazor 介绍Blazor 框架是一个用于构建单页应用程序的开源框架。它由 Microsoft 创建，将传统的 razor 框架与现代的 .Net 和 WebAssembly 框架相结合。更重要的是？它有助于构建服务器端和客户端应用程序。Blazor 一般有两种托管模型，一种用于客户端，另一种用于服务器端 Blazor WebAssembly（指客户端） Blazor WebAssem...

在线Demohttps://codesandbox.io/s/ce-bian-bu-ju-cai-dan-guo-chang-xian-shi-tooltip-6fqvxthttps://codesandbox.io/s/ce-bian-bu-ju-cai-dan-guo-chang-xian-shi-tooltip-6fqvxt 需求菜单标题过长用 tooltip 显示用户体验更好。虽然...

Grid 网格布局拿到大屏设计稿首先是设计页面布局，把布局中最基本的 块（项目） 定义好。这里用 flex 布局一把梭也能实现，但是没有 grid 强大和灵活，比如块（项目）大小、间距改变，这些改起来还是相当麻烦的。如果是 grid 布局，修改模块间距就方便很多，它有一个 gap 属性，row-gap属性设置行与行的间隔（行间距），column-gap属性设置列与列的间隔（列间距）。 123...

前言我很喜欢作者的这个系列文章，干净的代码不仅可以增强代码的健壮性，也能带来愉悦的心情，让人喜欢上 coding👨‍💻，编写代码是一门艺术🙆‍♂️，因此我们需要考虑使用更合理的实现方式，而不是为了完成 “任务” 而写出一些无用的变量以及各种 if 嵌套和回调地狱🤮。这些会导致代码结构混乱、逻辑难以理解，最终可能会给未来接手代码的程序员带来麻烦，甚至会得到未来接手你代码程序员的亲口祝福...