04 2024 档案
摘要：父子组件 prop和event style和class 父组件可以向子组件传递style和class，它们会合并到子组件的根元素中 attribute 如果父组件传递了一些属性到子组件，但子组件并没有声明这些属性，则它们称之为attribute，这些属性会直接附着在子组件的根元素上 不包括style
阅读全文
摘要：虚拟dom是什么 虚拟dom本质上就是一个普通的JS对象，用于描述视图的界面结构。在vue中，每个组件都有一个render函数，每个render函数都会返回一个虚拟dom树，这也就意味着每个组件都对应一棵虚拟DOM树。 为什么使用虚拟dom 框架设计 响应式的本质是数据变化就运行相应的函数，比如re
阅读全文
摘要：盒模型 box：盒子，每个格元素在页面中都会生成一个矩形区域（盒子） 行盒在页面中不换行，块盒独占一行 盒子的组成部分 内容 content 填充 padding 边框 border 外边距 margin 补充 box-size: 盒子尺寸，宽高范围 background-clip：背景覆盖范围 w
阅读全文
摘要：包含块(containing block) 包含块可以理解为盒子的参考系。盒子的尺寸和位置，会受它的包含块所影响。对于一些属性，例如 width, height, padding, margin，绝对定位元素的偏移值top,bottom,left,right，当我们对其赋予百分比值时，这些值的计算值
阅读全文
摘要：定位 一个元素，只要position的取值不为static，认为该元素是一个定位元素 定位元素会脱离文档流（相对定位除外） 一个脱离了文档流的元素： 文档中的元素摆放时，会忽略脱离了文档流的元素 文档流中计算自动高度时，会忽略脱离了文档流的元素 相对定位 不会脱离文档流，在原来位置进行偏移，盒子的偏
阅读全文
摘要：浮动 应用场景 文字环绕(最初的使用场景) 横向排列 浮动的基本特点 当一个元素浮动后，元素必定为块盒（会更改display为block） 浮动元素的包含块与常规流一致为父元素的内容盒。 盒子尺寸 宽度为auto时，适应内容高度 高度为auto时，与常规流一致，适应内容高度 margin为auto，
阅读全文
摘要：开发类 HTML CSS Support html提示css自动补全。 Auto Close Tag：自动闭合标签。 Auto Rename Tag：重新命名标签。 CSS Peek：快速查看当前标签设置的css属性。「将光标移动要需要查看的标签，然后按下f12即可查看」 Prettier - Co
阅读全文
