All Posts in 2023.3

MAR

CSS Flex布局模块

1.基础和术语 CSS Flex布局模块，也称为flexbox，是一种高效地设计和构建响应式网页的技术。FlexBox中常用的关键术语： Flex line：flex容器内部沿着一条线对齐的flex子元素。默认情况下，在一个flex容器中只有一条flex线。 Main axis：flex子元素排列的主要轴线。根据flex-direction属性的不同，它可以是垂直或水平方向。 main-start edge 和 main-end edge：flex子元素从main-start edge开始，在main-end edge结束，在flex容器中沿着主轴方向排列。 Cross axis：与主轴垂直的轴线。 cross-start edge 和 cross-end edge：在容器中，flex线从cross-start edge开始，在cross-end edge结束，在容器中沿着交叉 …

MAR

localStorage和sessionStorage比较

localStorage VS sessionStorage Web 应用已经成为我们日常生活中不可或缺的一部分。随着这些应用提供的数据和功能的增加，对高效和可靠的存储解决方案的需求也随之增加。localStorage 和 sessionStorage 是由 web 存储 API 提供的两种解决方案，允许开发者在 web 浏览器中本地存储键/值对。虽然 localStorage 和 sessionStorage 有相似之处，但它们也有一些不同之处，使它们适合不同的使用场景。本文将从以下几个方面来比较 localStorage 和 sessionStorage：兼容性：如何检查浏览器是否支持 web 存储 API 用法：如何使用 localStorage 和 sessionStorage 的 API 来进行增删改查等操作区别：localStorage 和 …