可能大家都知道，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？接下来，我们就一起来分析一下。
原理解析
那么为什么会出现上面的现象呢？我们从浏览器的渲染过程来解析下。
不同的浏览器使用的内核不同，所以他们的渲染过程也是不一样的。目前主要有两个：
webkit渲染过程
Gecko渲染过程
2024年10月25日
可能大家都知道，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？接下来，我们就一起来分析一下。
那么为什么会出现上面的现象呢？我们从浏览器的渲染过程来解析下。
不同的浏览器使用的内核不同，所以他们的渲染过程也是不一样的。目前主要有两个：
webkit渲染过程
Gecko渲染过程
2024年10月25日
每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。
常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。2024年10月25日
今天的目标是这部分二级弹出导航，思路是：鼠标经过时导航出现，移开后导航隐藏。
·在横向导航后面添加一个大盒子，写上基本样式、宽高背景颜色，看下效果。
·现在写上绝对定位，让它脱离外层盒子的限制。同时是相对顶部的盒子定位，需要写上相对定位代码：border-bottom-left-radiu，左边距离0，上面距离140像素，看下效果。
·接下来给盒子里添加内容，跟横向导航差不多，呦爱哦列表基本格式，再加上一张图片、两行文字，内容快速添加，看下效果。
2024年10月25日
今天学习下html元素的显示模式，为了之后做页面布局做好铺垫，记住了这些元素的显示模式方式，可以少走很多弯路。
元素的显示模式
1，块元素
1. 在页面中独占一行，不会与任何元素共用一行，是从上到下排列的。
2024年10月25日
2024年10月25日
1.作用：网页标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好的布局页面
2.HTML元素一般分为块元素和行内元素
1.div为最典型的块元素，还有h1-h6,p,ul,ol,li等
2.特点
2024年10月25日
html所有的元素拥有class属性，该属性会对元素进行分组，标识为某一组。
js中使用className属性来保存HTML的class的属性值
尽管如此，js还定义了一个方法，即一个getElementsByClassName()，是基于class属性值中的标识符来选取成组的文档元素
2024年10月25日
JSON 通常用于与服务端交换数据。
在向服务器发送数据时一般是字符串。
我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。
语法
JSON.stringify(value[, replacer[, space]])
参数说明：