Yin 东亮

理解和使用 CSS 自定义属性(CSS 变量) AI

6月 30, 2024
CSS, ByAI, Frontend

在现代 Web 开发中,CSS 自定义属性(也称为 CSS 变量)提供了一种强大的方式来创建易于维护和灵活的样式表。本文将探讨如何定义和使用这些变量,以及如何通过它们来实现更高效的设计。 什么是 CSS 自定义属性? # CSS 自定义属 ...

2024 年我的工具列表 Recommended

5月 30, 2024
Product, Tools, Life, Recommended

从桌面端的应用软件这个角度来看,当下也是一个动荡的年代,不管是之前已经有的形态,还是还未出现的形态,也不管是开源的还是收费的,好用的新工具层出不穷,AI 的入场更是要把所有软件重新设计的节奏。我希望整理 ...

了解下自定义数据属性 data-* AI

5月 27, 2024
CSS, ByAI, Frontend

测试主题切换功能时,遇到了 data-theme 这个属性,问了下 gpt, 发现 data-theme 不是 CSS 标准中的预定义属性,而是一个自定义的属性。更准确地说,它是 HTML5 中的 “data-” 数据属性的一种。 HTML5 中的 “data-” 属性 # HTML5 引入了 data- 属性,允许你为元素添加自定义的 ...

使 HTML 元素居中有哪些方案? AI

5月 25, 2024
ByAI, CSS, HTML, Frontend

有多种方式可以实现HTML标签的居中,具体的方式会根据需要居中的元素类型(块级元素还是行内元素)以及具体应用的上下文来决定。下面将介绍几种常见的方法,涉及到的知识包括 CSS 盒模型、Flexbox 布局和 Grid 布 ...

CSS Modules 是什么 AI

5月 20, 2024
CSS, ByAI, Frontend

CSS Modules 是一种 CSS 文件的模块化和组件化的解决方案。它允许你将 CSS 样式局部化到组件中,从而避免全局命名冲突问题。每个 CSS 类名和动画名称默认都被视为局部作用域的,只有在特定模块中才会生效。这种方式非常适合在现代前端 ...

了解 glob 模式匹配 AI

5月 18, 2024
Linux, ByAI, Tools

在 Visual Studio Code(VSCode)以及许多其他工具和库中,文件路径匹配通常使用 glob 模式。 Glob 模式中的通配符 # *:匹配任意数量的字符(不包括路径分隔符 /)。 **:匹配任意数量的目录层级,包括子目录。 ?:匹配单个 ...

使用 EditorConfig 和 Prettier 来规范代码风格 AI

5月 16, 2024
ByAI, Frontend, Tools

写前端代码实践下来一段时间,如果是我自己的前端项目,缩进类型一定是空格,长度必须是 2,因为 4 还是太长了,对 HTML 类的模板以及 js 代码不友好。但是如何约束队友呢,不论是有意还是无意的差异,为了让大家保持风格统 ...

理解 useMemo、useCallback 和 memo AI

5月 15, 2024
React, ByAI, Frontend

虽然 React 的官方文档已经写的很清楚了,但我还是想总结下。形而上地讲前两个是 Hook,而 memo 是 API。形而下地说,useMemo、useCallback 和 React.memo 是 React 中用于优化性能的工具,它们帮助你避免不必要的重新 ...

CSS 中的 inherit 选项 AI

5月 14, 2024
CSS, ByAI, Frontend

在 CSS 中,inherit 关键字用于明确指定一个属性应从其父元素继承其值。几乎所有的 CSS 属性都可以使用 inherit 值,但并非所有属性默认继承自其父元素。使用 inherit 可以确保某个特定元素的属性值与其父元素相同,即使这个属性默 ...

我的 2023 年总结 Recommended

12月 31, 2023
Life, Recommended, 年度总结

播放配乐 Blowing in the Wind - Bob Dylan,阅读效果更佳。 2023 这一年,工作上相当生活,生活上相当工作。 生活 # 因为生活上相当工作,所以我觉得还是先说生活,琐事我断断续续记录在了周报里,这里就不再重复,只说重点。 装修 # ...


© 2012-2024 YINDONGLIANG.COM