小李小李不秃头-CSDN博客

原创前端CSS面试题12

CSS 动画可以使用animation-direction 和animation-iteration-count 属性来控制。animation-direction 属性定义动画是否应该向前、向后播放，或者在向前和向后之间交替播放。CSS 预处理器是通过引入变量、嵌套、混合和函数等功能来扩展 CSS 功能的工具。通过将不透明度属性设置为从 0 到 1 的动画，您可以实现平滑的淡入效果。您可以通过将 CSS 动画与滚动行为属性相结合，使用 CSS 创建平滑的滚动动画。

2024-03-20 20:11:57 172 1

原创前端CSS面试题-11

要创建基本的 Flexbox 布局，您需要定义一个 Flex 容器并指定其子元素（Flex 项）的行为方式。通过将容器的display属性设置为flex并使用各种Flexbox属性（如flex-direction、justify-content和align-items），您可以实现不同的布局。通过将 flex-direction 属性设置为 row 或 column，使用 flex-wrap 控制环绕行为，并应用适当的对齐属性，您可以创建适应不同屏幕尺寸的灵活且响应灵敏的导航菜单。

2024-03-13 23:23:03 160

原创前端CSS面试题-10

答案：fr 单位是“fraction”的缩写，是 CSS Grid 中的一个灵活单位，用于在网格轨道内分配可用空间。CSS 网格可用于创建砖石布局，其中网格项根据可用垂直空间定位，从而产生视觉上吸引人的动态布局。通过将 grid-template-rows 属性与 auto 一起用于主要内容并为页脚使用固定高度，页脚将粘在网格容器的底部。CSS 网格允许您通过将 display: grid 属性应用于现有网格布局中的网格项来创建嵌套网格。CSS 网格允许您使用 order 属性控制网格项目的顺序。

2024-03-12 22:12:57 161 1

原创前端CSS面试题-9

CSS 网格提供了多个属性来对齐网格布局中的网格项。此外，您可以使用 justify-self 和align-self 属性来对齐各个网格项。要使用 CSS Grid 创建网格布局，您需要定义网格容器并指定所需的行数和列数。您可以使用 grid-template-rows 和 grid-template-columns 属性来设置网格轨道的大小。CSS 网格是一个二维布局系统，允许您创建复杂且灵活的基于网格的布局。它由网格容器和网格项组成。CSS 网格提供了强大的功能，例如网格轨道、网格线和网格区域。

2024-03-11 22:06:57 230

原创前端CSS面试题-8

backface-visibility 属性确定元素的背面在变换时是否可见。默认情况下，背面是隐藏的（可见：隐藏）。但是，您可以使用 backface-visibility 属性更改此行为。will-change 属性用于通知浏览器特定 CSS 属性即将发生的更改。您可以通过对滚动行为属性应用过渡来创建平滑的滚动效果。此属性定义使用锚链接或基于 JavaScript 的滚动时的滚动行为。通过定义在两种尺寸之间交替的缩放动画，您可以创建脉动效果。通过定义具有重复循环的旋转动画，您可以模拟加载旋转器。

2024-03-10 11:01:31 106 1

原创前端CSS面试题-7

31- CSS 过渡的目的是什么？举个例子。CSS 过渡允许您在指定的持续时间内平滑地对 CSS 属性的变化进行动画处理。通过定义转换属性和值，您可以在不同状态之间创建平滑的转换。这是一个例子：.element { transition: background-color 0.3s ease;}.element:hover { background-color: red;}32-如何使用 CSS 变换创建旋转动画效果？CSS 变换允许您操纵元素的位置、大小和旋转。要创建旋转动画效果，可以将

2024-03-08 22:26:35 109 1

原创前端CSS面试题-6

使用 Flexbox 创建等高列可以通过在容器上设置 display: flex 并将 flex: 1 应用于子元素来实现。您可以通过将 justify-content: center 应用于容器，使用 Flexbox 将项目水平居中对齐。这会将项目沿主轴对齐，实现水平居中。您可以使用 Flexbox 创建响应式导航菜单，方法是将 flex-direction: column 应用于容器并根据媒体查询调整布局。默认情况下，项目的顺序为 0，但您可以使用正值或负值对其重新排序。它定义沿主轴的默认尺寸。

2024-03-07 21:16:33 148 1

原创前端CSS面试题-5

您可以使用 Flexbox 创建粘性页脚，方法是将容器的高度设置为 100vh（视口高度）并将 flex-grow: 1 应用于内容容器。您可以通过将align-items: center 属性应用于容器，使用Flexbox 垂直居中元素。flex-grow 属性决定一个项目相对于容器内的其他弹性项目应该增长多少。通过设置容器及其子元素的属性，您可以控制它们的流动和对齐方式。Flexbox 是 CSS 中功能强大的布局模型，它提供了一种灵活的方式来排列容器内的元素。当容器宽度有限时，这允许项目换行到多行。

2024-03-06 19:59:12 263 1

原创前端CSS面试题-4

您可以利用媒体查询、Flexbox 或 CSS 网格，使用 CSS 创建响应式导航菜单。通过根据屏幕尺寸隐藏或显示菜单项，您可以优化导航体验。CSS 网格是一个功能强大的布局系统，使您能够创建复杂且响应灵敏的基于网格的布局。通过定义网格容器和网格项，您可以轻松地按行和列排列元素。content 属性与伪元素（::before 和 ::after）一起使用，将内容插入到元素中。它可用于显示文本、图像或生成的内容。CSS 渐变允许您在两种或多种颜色之间创建平滑过渡。有两种类型的渐变：线性渐变和径向渐变。

2024-03-05 21:48:57 136 1

原创前端CSS面试题-3

CSS 变量，也称为自定义属性，允许您定义可在整个样式表中使用的可重用值。属性选择器允许您根据属性值选择元素。属性选择器有多种类型，包括完全匹配、部分匹配、值存在和值结尾。box-sizing 属性确定如何计算元素的总宽度和高度。默认设置为content-box，仅包含指定宽度和高度内的内容。CSS 没有直接的父选择器，但您可以使用各种技术来实现此效果，例如组合器或 :has 选择器（尚未得到广泛支持）。当设置为 border-box 时，宽度和高度值包括内容、填充和边框。

2024-03-04 22:55:39 187 1

原创前端css面试题-2

您可以使用 CSS Grid 或 Flexbox 创建响应式图库。通过定义属性、持续时间、计时函数和延迟，您可以创建引人入胜的视觉效果。要覆盖特定元素的 CSS 样式，您可以使用更具体的选择器或!important 声明。CSS 预处理器通过引入变量、嵌套、mixin 和函数等功能来增强 CSS 的功能。CSS 媒体查询使您能够根据设备的特性或视口大小应用不同的样式。通过定义断点，您可以创建适应各种屏幕尺寸的响应式设计。预处理器还提供了一种组织样式表并生成用于生产的优化 CSS 的方法。

2024-03-03 10:08:39 111 1

原创 css部分面试题01

CSS 盒模型定义了元素在网页上的呈现方式。内容代表实际的元素内容，而填充则在内容和边框之间添加空间。边框提供可见的边界，边距在元素周围创建空间。CSS 特异性决定了当多个规则针对某个元素时，将哪些样式应用于该元素。特异性是根据选择器的组合计算的，例如，元素类型、类、ID 和内联样式。特异性越高，规则的优先级越高。CSS float 属性用于在其容器内定位元素。浮动元素向左或向右移动，允许其他元素环绕它们。此属性允许元素在滚动时在其容器或视口中保持固定。有多种方法可以使元素水平和垂直居中。

2024-03-02 18:19:57 117 1

原创鸿蒙开发--组件生命周期

带@Entry修饰符的组件。

2024-03-01 20:49:45 136 1

原创鸿蒙开发--常用的基础系统组件(ArkUI)

常用系统组件Button Text Column Row Flex Stack Scroll List TextInput Image 组件使用组件使用。

2024-02-29 21:31:26 214

原创鸿蒙开发之状态持久化-PersistentStorage

也就是，我们和访问AppStorage是一样的，只不过需要提前使用PersistentStorage来声明。只要初始化了数据，我们以后使用AppStorage就可以读取和设置，它会自动同步到我们的磁盘上。PersistentStorage.PersistProp(‘属性名’, 值)目前不支持复杂对象的持久化，如果你需要存储，你需要把它序列化成功字符串。如果我们想持久化的保留一些数据，应该使用。中的属性，所有属性访问都是对。将刚刚的token直接持久化存储。UI和业务逻辑不直接访问。中的更改会自动同步到。

2024-02-28 18:44:26 296 1

begin_ing的博客