- 博客(11)
- 收藏
- 关注
RSS订阅原创 虚拟DOM的原理
如果节点发生变化，并不会直接把新虚拟节点渲染到真实节点，而是先经过 diff 算法得到一个 patch 再更新到真实节点上。1. DOM 操作性能问题。通过虚拟 DOM 和 diff 算法减少不必要的 DOM 操作，保证 性能不太差。1. 为 React 带来了跨平台能力，因为虚拟节点除了渲染为真实节点，还可以渲染为 其他东西。虚拟DOM就是虚拟节点。React用JS对象来模拟DOM节点，然后将它渲染成真实的DOM节点。2. 让 DOM 操作的整体性能更好，能（通过 diff）减少不必要的 DOM 操作。
2023-05-17 23:54:26
77
原创 CSS 中伪选择器
动态伪类选择器是 CSS 中的一种选择器，用于根据元素的状态来改变元素的样式:active选中活动元素时，应用指定的样式。当链接处于被点击并未松开的状态时，链接文本颜色将变为红色.:hover当鼠标悬停在元素上方时，应用指定的样式。当鼠标悬停在链接上方时，链接文本将带有下划线；:focus当元素获得焦点时，应用指定的样式。当输入框获得焦点时，将不会显示外边框；:visited用于链接，当链接已被访问过时，应用指定的样式。当链接已被访问过时，链接文本颜色将变为灰色；:link。
2023-04-29 09:31:37
521
原创 CSS 如何清除浮动
将浮动元素的父元素设置为具有一定高度的块级元素，并将其overflow属性设置为hidden或auto。这样，父元素将包含浮动元素，而不会影响其他兄弟元素的布局。可以使用clear属性在浮动元素的下方添加一个空元素，并将clear属性设置为left、right或both，使其不受浮动元素的影响。将浮动元素的父元素设置为相对定位，然后在父元素的最后添加一个伪元素::after，将其清除属性设置为both。属性，可以确保父元素不会受到浮动元素的影响，从而解决高度塌陷的问题。
2023-04-24 08:44:44
69
原创 CSS选择器的优先级
使用CSS样式时，可能会存在多个规则应用于同一个元素。为了解决这种冲突，CSS定义了一种优先级规则来确定哪个规则应该优先应用于元素。
2023-04-23 23:26:21
1622
原创 CSS布局
属性将子元素向左移动自身宽度的一半，即可将子元素垂直居中。直接用table标签，tr，td即可，这是标签自带的功能。当父元素没有设置宽度大小限制，display 指定为 flex 时，FlexBox 的宽度会填充父容器，display指定为 inline-flex 时，FlexBox的宽度会包裹子Item。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值。order仅仅对元素的视觉顺序产生作用，并不会影响元素的逻辑或 tab 顺序。
2023-04-23 20:52:10
29
原创 实现垂直居中的几个方法
属性将子元素向左移动自身宽度的一半，即可将子元素垂直居中。直接用table标签，tr，td即可，这是标签自带的功能。属性将子元素向上移动自身高度的50%，再使用。可以通过将父元素设置为。，将子元素垂直居中。，将子元素垂直居中。
2023-04-23 20:46:10
469
1
原创 CSS 基础
第一个div的Margin-bottom （下外边距）会和第二个div的margin-top（上外边距）合并。block元素的高度是由内部文档流元素决定的，如果元素脱离文档流，block元素就不会计算它的高度。parent的上边距会和第一个子元素的上边距重合，parent的下边距会和最后一个子元素的下边距重合。CSS2.1是最广泛使用的版本，兼容一切IE,CSS3是最新使用的版本，之后就分模块升级。可以看到虽然都设置了相同的宽度100px，但是实际看到的两种盒模型宽度是不同的。，左右外边距不会合并。
2023-04-09 18:42:47
57
1
原创 JS原型链是什么
那么接下来说一说什么是原型链，还是举例说明。假设我们有一个数组对象a=[]，这个a也会有一个隐藏属性，叫做__?????__，这个属性会指向，然后这个也有一个__?????__指向，这样的话就会形成一个的链，由这些隐藏属性形成的链就叫做原型链。
2023-04-08 21:31:25
94
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人