CSS3的伸缩盒子（Flexbox）布局是一种用于创建灵活且自适应的网页布局的技术。 它旨在提供一种简单、直观的方式来布局和对齐元素，适应不同的屏幕尺寸和设备。伸缩盒子布局基于一个包含父元素（flex container）和其内部的伸缩项目（flex items）的概念。以下是伸缩盒子布局的基本原理和关键概念：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=cabc6f51c4e54d8b848d9acd76139270伸缩容器（Flex Container）：父元素被设置为伸缩容器，通过设置display: flex或display: inline-flex属性来启用伸缩盒子布局。伸缩容器包裹着伸缩项目，并负责定义伸缩项目在主轴（main axis）和交叉轴（cross axis）上的对齐方式和布局规则。伸缩项（Flex Items）：伸缩容器内部的子元素被称为伸缩项，它们受到伸缩容器的控制。伸缩项的大小、顺序和对齐方式可以通过设置各种伸缩属性来控制。主轴（Main Axis）和交叉轴（Cross Axis）：伸缩容器具有两个轴线，主轴和交叉轴。主轴是伸缩项排列的主要方向，而交叉轴是与主轴垂直的方向。它们的方向可以通过设置伸缩容器的flex-direction属性来控制。

Webpack 是一个模块打包工具，它将项目中的所有文件视为模块，并通过一系列的处理，将这些模块打包成最终的静态资源。以下是 Webpack 的工作原理：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=ba06d8fbb87f45f7bf340c85dc4f0cc1模块解析：Webpack 通过遍历项目的入口文件，解析出所有被依赖的模块。在解析过程中，Webpack 支持各种模块化语法，包括 CommonJS、AMD、ESM 等。加载器处理：Webpack 使用加载器（loaders）处理各种类型的资源文件。每个加载器负责将文件加载并转换为模块可以使用的代码。构建依赖图：Webpack 根据模块之间的依赖关系，构建出完整的依赖图。它会根据模块的依赖关系自动分析出每个模块的依赖模块，并且根据模块之间的依赖关系进行排序。插件处理：Webpack 通过插件系统进行一系列的处理。插件可以用来做各种不同的功能扩展，例如优化、压缩、代码分割等。模块打包：Webpack 根据依赖图将所有的模块打包成一个或多个静态资源文件。它会将所有模块的代码合并在一起，并且根据配置项对代码进行优化、压缩等处理。最终的静态资源文件可以在浏览器环境中运行。

鼠鼠现在只学到了vue,写了一个尚硅谷的项目，八股刚开始刷，能不能4月份拿到小厂的实习

html标签语义化盒模型css如何实现三角形css动画了解吗useeffect对应的生命周期antd model实现原理react router 用的哪一种，history router和hash router使用上的区别数组常用方法，some和filter的区别http缓存字段有哪些http常见状态码http和https区别，https怎么保证安全的webpack常用插件loader和plugin的区别移动端适配，rem怎么计算