m0_49210479的博客

一、背景在日常布局中，无论是两栏布局还是三栏布局，使用的频率都非常高PS: 文末有彩蛋两栏布局两栏布局实现效果就是将页面分割成左右宽度不等的两列，宽度较小的列设置为固定宽度，剩余宽度由另一列撑满，比如Ant Design文档，蓝色区域为主要内容布局容器，侧边栏为次要内容布局容器❝这里称宽度较小的列父元素为次要布局容器，宽度较大的列父元素为主要布局容器❞这种布局适用于内容上具有明显主次关系的网页三栏布局三栏布局按照左中右的顺序进行排列，通常中间列最宽，左右两列次..

九 行内元素有哪些？块级元素有哪些？空元素有哪些？块级元素：div、p、h1-h6、ol、ul、table、form行内元素：span、a、img、input、select、small空元素：没有内容的元素、 br、 hr十 doctype的作用是什么？严格模式与混合模式如何进行区分？它们之间有什么样的意义？doctype的作用是<!DOCTYPE> 声明可告知浏览器文档使用哪种 HTML 或 XHTML 规范来渲...

五 在form表单中，get方式和post方式提交数据的区别是什么？如何判断在实际开发中的应用？get方式和post方式提交数据的区别：1） 大小不同，get方式传输的数据量较小，而post可以传输大量的数据。2） 安全程度不同，get方式传输数据能够被别人轻易的看到数据内容，所以安全程度较低，而post则可以很好的隐藏。3） 速度不同，post方式速度较慢，而get方式速度较快。4） 在服务器上的作用不同，get是从服务器上获取数据，而post是向服务器上传送数据。在实际开发中的应用：1）在

一 垂直水平居中的多种方法：未知宽高：父元素设置：display：flex ; justify-content: center ; align-items : center子绝父相后：top: 50%; left: 50% ; transform: translate（-50%，-50%）知道宽高：子绝父相后： margin： auto子绝父相后：top: 50%; left: 50% ;margin：-50%px 0 0 -50%px二 flex是怎么使用的以及fle...

两栏以及三栏自适应布局左边宽度200px, 右边自适应宽度1. 左右都absolute，右right:0左右两边都绝对定位，父元素相对定位<div class="parent"> <div class="left"> <p>left</p> </div> <div class="right"> <p>right</p> &l

HTML页面的重绘（repaint）和重流（reflow）repaint）浏览器的大概工作流程以普通的HTML页面为例：解析HTML文档，生成dom树解析css产生css规则树解析JavaScript，通过DOM-API来操作dom树和css规则树通过dom树和css规则树来构造渲染树（rendering tree）调用操作系统的GUI接口画页面、重流元素的大小尺寸、位置发生变化时，会重新计算渲染树，页面要进行重新排版工作，这个过程即是重流。触发重流的因素1.添加、删除可见的dom2