- 博客(6)
- 收藏
- 关注
转载 什么是虚拟dom
保存方式虚拟dom是保存在内存里面的,这里的内存也可以理解为栈为什么要用虚拟DOM来描述真实的DOM呢?创建真实DOM成本比较高,而如果用js对象来描述一个dom节点,成本比较低,另外我们在频繁操作dom是一种比较大的开销。所以建议用虚拟dom来描述真实dom####1.为什么操作真实DOM的成本比较高?(1) dom 树的实现模块和 js 模块是分开的这些跨模块的通讯增加了成本(2) dom 操作引起的浏览器的回流和重绘,使得性能开销巨大。原本在 pc 端是没有性能问题的,因为pc端的计算能
2022-04-19 13:34:34
274
原创 html图片白边的解决方式
在日常的写html页面时,原生代码经常性的会引入图片,我们也经常性的会让图片宽度等于父盒子宽度的100%,高度自适应,但是此时会出现一个问题,图片下方总有撑开的一小部分,这里我将父盒子背景颜色改成黑色,以便观察修改前的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style&
2022-04-19 13:30:14
3430
2
原创 html中的meta有什么作用
html中meta标签的作用:1、搜索引擎优化(SEO);2、定义页面使用编码;3、自动刷新并指向新的页面;4、实现网页转换时的动态效果;5、控制页面缓冲;6、网页定级评价;7、控制网页显示的窗口等。html的meta总结meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。meta标签有下面的作用:1.搜索引擎优化(SEO)2.定义页面使用编码3.自动刷新并指向新的页面4.实现网页转
2022-04-19 13:29:18
2902
原创 虚拟DOM之documentFragment
前言在编程的过程中,存在着真实dom,和虚拟dom,简单的理解写在html文件中的 标签都可以理解为真实dom,通过JavaScript动态创建的dom,然后再添加到页面中去就是虚拟dom,不管是真实dom还是虚拟dom,在JavaScript中一个dom对象包含着很多的数据,因此过分多次的操作dom会使页面的性能大大降低,因此在前端代码的优化中就有说到----->减少对dom的直接操作,因此JavaScript 中出现了一个函数 documentFragment不多说直接上代码解释:传统意
2022-04-19 13:22:42
827
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人