nbsl_的博客

概念 一个页面从加载到完成，首先是构建DOM树，然后根据DOM节点的几何属性形成rander树(渲染树)，当渲染树构建完成，页面就根据DOM树开始布局了，渲染树也根据设置的样式对用这些节点 在和这个过程中，回流与DOM树有关，重绘与渲染树有关，怎么理解 比如我们删除DOM节点，修改一个元素的高度，页面布局发生改变，DOM结构发生变化，那么就肯定重构DOM树，而DOM树与渲染树是紧密相连的，DOM树构建完成，渲染树也随之被再次渲染，这个过程叫回流 当你给一个元素更换颜色，这样的行为是不会影响页面布局的，DO

src和href的区别 区别：src用于代替这个元素，而href用于建立这个标签与外部资源的关系 <link rel="stylesheet" href=""> 浏览器加载到这里的时候，html的渲染和及解析不会暂停，css文件的加载是同时进行的 <script src=""></script> 当浏览器进行解析到这个代码块的时候，页面加载和解析都会暂停，直至浏览器拿到并执行完这个文件 ...

对语义化标签的理解 概念：简单来说就是合适的标签做合适的事 语义化标签 header nav article footer aside section 优点 在没有CSS的情况下，页面也能呈现出很好的内容结构良好的html结构 语义化使代码更具可读性，便于团队开发和维护 有利于不同设备的解析 有利于SEO(和搜索引擎建立良好的沟通，有助于爬虫爬更多的有效信息) ...