- 博客(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
326
原创 html图片白边的解决方式
在日常的写html页面时,原生代码经常性的会引入图片,我们也经常性的会让图片宽度等于父盒子宽度的100%,高度自适应,但是此时会出现一个问题,图片下方总有撑开的一小部分,这里我将父盒子背景颜色改成黑色,以便观察 修改前的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style&
2022-04-19 13:30:14
3598
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
3062
原创 虚拟DOM之documentFragment
前言 在编程的过程中,存在着真实dom,和虚拟dom,简单的理解写在html文件中的 标签都可以理解为真实dom,通过JavaScript动态创建的dom,然后再添加到页面中去就是虚拟dom,不管是真实dom还是虚拟dom,在JavaScript中一个dom对象包含着很多的数据,因此过分多次的操作dom会使页面的性能大大降低,因此在前端代码的优化中就有说到----->减少对dom的直接操作,因此JavaScript 中出现了一个函数 documentFragment 不多说直接上代码解释: 传统意
2022-04-19 13:22:42
892
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅