1、浏览器渲染过程HTML 解析：浏览器首先解析 HTML 文档，构建 DOM 树。在解析过程中，如果遇到外部资源（如 CSS 文件、JavaScript 文件、图片等），会发起相应的请求去获取这些资源。CSS 解析：同时，浏览器会解析 CSS 文件，构建 CSSOM（CSS Object Model）树。CSSOM 描述了文档的样式信息，包括每个元素的样式规则。构建渲染树：结合 DOM 树和 C

1. 介绍 flex，适用什么场景，三个核心属性是什么Flex 是 CSS 的一种布局方式，全称为 Flexible Box Layout，即弹性盒布局。它提供了一种更加灵活和高效的方式来布局网页元素。适用场景：自适应布局：可以轻松实现不同屏幕尺寸下的自适应布局，适用于响应式设计。对齐和分布：方便地实现元素的水平和垂直对齐，以及均匀分布。复杂布局：对于复杂的布局需求，如导航栏、表单、卡片布局等，F

1.Electron 底层原理Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的框架。它的底层原理主要包括以下几个方面：基于 Chromium 和 Node.js：Electron 结合了 Chromium 浏览器引擎和 Node.js 运行时环境。Chromium 提供了强大的网页渲染能力，而 Node.js 允许在应用程序中使用 JavaScri

1.async 和 defer，使用 async 要注意什么吗async和defer都是用于在 HTML 中加载外部脚本的属性。async属性的作用是让脚本异步加载，不阻塞页面的渲染。当脚本加载完成后，会立即执行。使用async的注意事项有：脚本的执行顺序不确定：由于脚本是异步加载的，所以它们的执行顺序可能与在 HTML 中出现的顺序不同。如果多个脚本之间存在依赖关系，需要特别注意执行顺序的问题。

1.Webpack 的 loader 和 pluginLoader：作用：Loader 用于将不同类型的文件转换为 Webpack 能够处理的模块。例如，将 CSS 文件转换为 JavaScript 模块，将图片文件转换为数据 URL 等。工作原理：当 Webpack 遇到需要处理的文件时，会根据文件的类型和配置的 Loader 规则，依次调用相应的 Loader 进行处理。Loader 可以对文