自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 虚拟DOM与diff算法的实现

虚拟DOM与diff算法的实现官网概念:Vue通过建立一个虚拟DOM树对真实DOM发生的变化保持追踪。一棵真实DOM树的渲染需要先解析CSS样式和DOM树,然后将其整合成一棵渲染树,再通过布局算法去计算每个节点在浏览器中的位置,最终输出到显示器上。而虚拟DOM则可以理解为保存了一棵DOM树被渲染之前所包含的所有信息,而这些信息可以通过对象的形式一直保存在内存中,并通过JavaScript的操作进行维护。用js对象模拟DOM节点的好处是,页面的更新可以先全部反映在js对象上,操作内存中的js对象的

2021-02-02 15:19:12 128 1

原创 解决图片占据整张页面时出现的滚动底部留白问题

解决图片占据整张页面时出现的滚动底部留白问题问题描述:问题出现原因: 图片会默认与基线对齐,而将基线与底线之间区域的地方空出来,没有填充。相关知识:行高是指上下文本行的基线间的垂直距离,即图中两条红线间垂直距离。行距是指一行底线到下一行顶线的垂直距离,即第一行粉线和第二行绿线间的垂直距离。从上到下四条线分别是顶线、中线、基线、底线。我们知道display=inline的元素的vertical-align属性中有top、middle、baseline、bottom,就是和这四条线相关。

2021-02-02 15:12:50 638

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除