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.添加、删除可见的dom 2