自定义博客皮肤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的diffing算法和key的作用

新的虚拟DOM会和老的虚拟DOM一个节点一个节点的进行比对,当节点不一样的时候页面才会重新渲染,而新虚拟DOM和旧虚拟DOM相同节点则不会重新渲染,页面上的节点还是之前的真实DOM所渲染的。使用id做为key就不会增加虚拟机DOM的工作量,因为从上述例子就可以发现,因为id做为索引,导致真实DOM只需要把id为3的数据渲染到页面,极大的降低了真实DOM的工作量。2)若虚拟DOM中的内容变了,则生成新的真实DOM,随后替换之前页面上的节点。根据数据创建的新的虚拟DOM,随后真实DOM渲染到页面。

2024-07-17 14:29:29 222

原创 变量提升和函数提升

console.log(test2)//不会报错,变量提升只是提升变量的声明,并不会把赋值也提升上来,输出undefined。//这个时候是a()和a都存在,但是函数优先级高于变量所以下一个console打印的是a()//函数提升优先级高于变量提升,所以函数先提升,然后变量提升覆盖之前的函数声明,表。//js中的变量搜索顺序:找变量时,先找局部变量,如果没有局部变量;//函数声明提升,在执行代码之前会先读取函数声明,不会报错。//使用函数表达式创建一个匿名函数(实际是以变量test3命名的函数)

2024-07-15 17:27:55 242

空空如也

空空如也

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

TA关注的人

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