浏览器也会对CSS规则进行继承和层叠的处理，最终将CSS规则应用到对应的DOM节点上，形成渲染树。这个过程被称为布局或回流，浏览器会对页面上所有的海报进行遍历和计算，以便计算出每个元素的布局和位置信息。此时，用户可以在浏览器中看到完整的页面，可以进行交互和操作。在HTML解析的过程中，如果浏览器遇到HTML标签、文本和注释等内容，就会将其转换成对应的DOM节点。以上就是从输入URL到页面渲染完成的

Mac 将目录加入到环境变量 PATH

Chrome 控制台调试hover样式以及hover后才出现的元素

JavaScript中，NaN是一个特殊的数字值（typeof NaN的结果为number），是not a number的缩写，表示不是一个合法的数字。1. NaN的产生：一个不能被解析的数字Number('abc') // NaNNumber(undefined) // NaN失败的操作Math.log(-1) // NaNMath.sqrt(-1) // NaNMat...

文章目录1. stack overflow上的回答（翻译）2. 自己动手实践2.1 子项为单行的情况2.1.1 flex容器不设置高度2.1.2 flex容器设置高度2.2 子项为多行的情况2.2.1 flex容器不设置高度2.2.2 flex容器设置高度3. 总结在用flex布局时，发现有两个属性功能好像有点类似：align-items和align-content，乍看之下，它们都是用于定义f.

文章目录1. 无服务器（Serverless）计算是什么2. 理解Serverless技术---FaaS和BaaS2.1 Faas（Function as a Service，函数即服务）2.2 Baas（Backend as a Service，后端即服务）3. 无服务器（Serverless）计算如何工作？4. 无服务器（Serverless）适用于哪些场景？4.1 场景一：应用负载有显著的波

如下图，1、2、3三个元素左浮动，虚线为父容器，此时再添加一个左浮动的元素4，总宽度超出了父元素宽度，那么4号元素的位置应该是这样的？它的位置不是A也不是B：浮动元素的位置，其实只参考前一个元素的位置即可。所以元素4的位置只需考虑元素3的位置即可，如下：我们换一下位置，同理可以得到如下结果（只需考虑元素1的位置）：float属性会导致父元素的高度塌陷，解决方法可查看：CSS float浮动规则以及

本文不讲float的所有内容，只浅谈float对不同高度块之间浮动结果的规则以及父元素高度塌陷的解决方法。首先看一个小问题，就是float会导致父容器的高度塌陷，如下代码：<style>.container {border: solid red 1px;}.fl {float: left; ...

import的写法没啥问题，发现报错了：Parsing error: Cannot read file 'e:\.....\tsconfig.json'.这是由于我们配置查找的tsconfig.json文件路径配置有问题，只需配置 .eslintrc.js中的tsconfigRootDir属性（这里我们tsconfig.json文件和.eslintrc.js处于同一目录下）：module.expo

vue3打包后在低版本浏览器或webview中出现白屏，原因就是因为语法兼容问题。根据vite官方文档描述，默认支持 Chrome >=87、Firefox >=78、Safari >=14、Edge >=88。，所以需要我们手动兼容低版本。