1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 /* 8 相对定位特点 9 1.不会离文档流 占位 所有后面的元素不会往前跑 10 2 ...
分类：
其他好文 时间：
2021-01-11 11:05:23
阅读次数：
0
ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例。 1. 当同一组件内部，有多处ref引用值相同的情况时，this.$refs[ref名称]指向文档流中靠下的 ...
分类：
其他好文 时间：
2020-12-30 11:31:18
阅读次数：
0
高度坍塌 成因 父元素 div 未设置高度 子元素全部设置浮动（float: left | right;），浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度，高度靠内部子元素撑开，而今子元素全部脱离文档流，所以此时父元素的高度为 0，给父元素和子元素设置 边框（border: 1px s ...
分类：
Web程序 时间：
2020-10-19 22:56:44
阅读次数：
31
一BFC(Block formatting context): 称为块级格式化上下文，是CSS中的一种渲染机制。是一个拥有独立渲染区域的盒子(也可以理解为结界)，规定了内部元素如何布局，并且盒子内部元素与外部元素互不影响。 二 文档流和非文档流的定义： 文档流：将窗体自上而下分成一行行，并在每一行中 ...
分类：
其他好文 时间：
2020-10-19 22:40:31
阅读次数：
18
1. 为什么要清除浮动 由于父级盒子很多情况下，不方便给高度，但是子盒子浮动又不占有位置，最后父级盒子高度为 0 时，就会影响下面的标准流盒子。 ? 由于浮动元素不再占用原文档流的位置，所以它会对后面的元素排版产生影响 2 .清除浮动本质 ?清除浮动的本质是清除浮动元素造成的影响? 如果父盒子本身有 ...
分类：
其他好文 时间：
2020-09-18 01:34:30
阅读次数：
27
定位分为：静态定位、相对定位、绝对定位、固定定位 1、静态定位（static） 一般的标签元素不加任何定位属性都属于静态定位，在页面的最底层，属于标准流。 2、绝对定位（absolute） 绝对定位元素从文档流脱出，使用left、right、top、bottom等属性相对于其最接近的一个最有定位设置 ...
分类：
Web程序 时间：
2020-09-17 16:40:25
阅读次数：
46
1.后端返回的是文档流模式的，圈起来的会用的请求头 2.前端代码 axios.post(url, params, { responseType: 'arraybuffer' }).then(res => { const blob = new Blob([res.data], { type: 'app ...
分类：
移动开发 时间：
2020-09-15 20:48:50
阅读次数：
86
Document.write() 方法将一个文本字符串写入一个由 document.open() 打开的文档流（document stream）。 注意: 因为 document.write 需要向文档流中写入内容，所以，若在一个已关闭（例如，已完成加载）的文档上调用 document.write， ...
分类：
其他好文 时间：
2020-08-27 17:11:29
阅读次数：
63
1、浮动 1、标准流（文档流）：元素按部就班按照自身的特性排列 2、浮动定义：元素会脱离标准普通流的控制，移动到指定位置的过程 3、使用： (1) 左浮动：float：left (2) 右浮动：float：right 4、结论 (1) 浮动后的元素会脱离标准流，漂浮在其他没有浮动的盒子上边 (2) ...
分类：
Web程序 时间：
2020-08-18 15:37:08
阅读次数：
107
一、什么是float? 在css中float就是浮动的意思，简单来说，就是让元素浮动起来。如何理解？我们把网页想象成是拼图的底板，里面的元素就是一个个小的拼图块，所谓浮动就是让本来应该贴着拼图底板的块起来，这就是浮动，也是所谓的脱离文档流。标准文档流就是拼好的拼图。 二、使用float的结果？ 我们 ...
分类：
Web程序 时间：
2020-07-25 11:42:17
阅读次数：
279
