理解和使用 CSS 自定义属性（CSS 变量） AI
6月 30, 2024
在现代 Web 开发中，CSS 自定义属性（也称为 CSS 变量）提供了一种强大的方式来创建易于维护和灵活的样式表。本文将探讨如何定义和使用这些变量，以及如何通过它们来实现更高效的设计。 什么是 CSS 自定义属性？ # CSS 自定义属 ...
殷东亮的博客
2024 年我的工具列表 Recommended
5月 30, 2024
从桌面端的应用软件这个角度来看，当下也是一个动荡的年代，不管是之前已经有的形态，还是还未出现的形态，也不管是开源的还是收费的，好用的新工具层出不穷，AI 的入场更是要把所有软件重新设计的节奏。我希望整理 ...
了解下自定义数据属性 data-* AI
5月 27, 2024
测试主题切换功能时，遇到了 data-theme 这个属性，问了下 gpt， 发现 data-theme 不是 CSS 标准中的预定义属性，而是一个自定义的属性。更准确地说，它是 HTML5 中的 “data-” 数据属性的一种。 HTML5 中的 “data-” 属性 # HTML5 引入了 data- 属性，允许你为元素添加自定义的 ...
使 HTML 元素居中有哪些方案？ AI
5月 25, 2024
有多种方式可以实现HTML标签的居中，具体的方式会根据需要居中的元素类型（块级元素还是行内元素）以及具体应用的上下文来决定。下面将介绍几种常见的方法，涉及到的知识包括 CSS 盒模型、Flexbox 布局和 Grid 布 ...
CSS Modules 是什么 AI
5月 20, 2024
CSS Modules 是一种 CSS 文件的模块化和组件化的解决方案。它允许你将 CSS 样式局部化到组件中，从而避免全局命名冲突问题。每个 CSS 类名和动画名称默认都被视为局部作用域的，只有在特定模块中才会生效。这种方式非常适合在现代前端 ...
了解 glob 模式匹配 AI
5月 18, 2024
在 Visual Studio Code（VSCode）以及许多其他工具和库中，文件路径匹配通常使用 glob 模式。 Glob 模式中的通配符 # *：匹配任意数量的字符（不包括路径分隔符 /）。 **：匹配任意数量的目录层级，包括子目录。 ?：匹配单个 ...
使用 EditorConfig 和 Prettier 来规范代码风格 AI
5月 16, 2024
写前端代码实践下来一段时间，如果是我自己的前端项目，缩进类型一定是空格，长度必须是 2，因为 4 还是太长了，对 HTML 类的模板以及 js 代码不友好。但是如何约束队友呢，不论是有意还是无意的差异，为了让大家保持风格统 ...
理解 useMemo、useCallback 和 memo AI
5月 15, 2024
虽然 React 的官方文档已经写的很清楚了，但我还是想总结下。形而上地讲前两个是 Hook，而 memo 是 API。形而下地说，useMemo、useCallback 和 React.memo 是 React 中用于优化性能的工具，它们帮助你避免不必要的重新 ...
CSS 中的 inherit 选项 AI
5月 14, 2024
在 CSS 中，inherit 关键字用于明确指定一个属性应从其父元素继承其值。几乎所有的 CSS 属性都可以使用 inherit 值，但并非所有属性默认继承自其父元素。使用 inherit 可以确保某个特定元素的属性值与其父元素相同，即使这个属性默 ...
我的 2023 年总结 Recommended
12月 31, 2023
播放配乐 Blowing in the Wind - Bob Dylan，阅读效果更佳。 2023 这一年，工作上相当生活，生活上相当工作。 生活 # 因为生活上相当工作，所以我觉得还是先说生活，琐事我断断续续记录在了周报里，这里就不再重复，只说重点。 阅读 # ...