浅谈 Atomic CSS

Atomic CSS 的诞生背景在看这篇文章之前,推荐可以先看一下 2022 年 2 月的这篇专访:The Making of Atomic CSS: An Interview With Thierry Koblentz 在这篇里面提及了更多 Atomic CSS 出现的背景以及早期在 Yahoo! 内部的应用。Atomic CSS 的概念由 Yahoo! 工程师 Thierry Koble...

发布于 CSS

美度舵手 TV 开箱

美度舵手 TV 系列设计灵感来源于 1973 年电视机造型 ,这种亦正亦圆的外形确实像小时候的大屁股电视,整体线条圆润流畅,切角镜面抛光,正面锻造拉丝纹,再加上一体式链带一对比精致感拉满,表盘拉丝工艺在自然光线下能看到很漂亮的光影变化特别像小时候电视机信号不好的时候有那种横波纹,整表复古耐看。不出意外的第一眼就喜欢上了这台 “TV”。虽然我不是 70 后,但一直都很喜欢复古风😋。后面去专柜...

发布于 生活

团队开发-代码风格指南

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

发布于 StyleGuide

使用 `@starting-style` 现代 CSS 设置文档起始样式

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

发布于 CSS

出门自带葱姜蒜,别让拔叔太难办

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

发布于 生活

动态组件渲染为 Cascader,所有选项为空的 Bug

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

发布于 笔记

美化你的 PowerShell

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

发布于 笔记

TypeScript 中的 never 类型另一个妙用

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

发布于 笔记

Blazor 入门笔记

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

发布于 笔记

菜单标题超出显示 tooltip

在线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 显示用户体验更好。虽然...

发布于 笔记
1236