前言开发项目中，使用到Eruda打印控制台信息显示文档：https://github.com/liriliri/eruda安装Erudanpminstalleruda--save引入importerudafrom"eruda";常使用方法显示eruda.show();隐藏eruda.hide();销毁eruda.destroy();绑定dom未绑定的页面布局是这样子的eruda绑定dom后，显示变成了这样子差不多把屏幕给占满了，看控制台里的元素设置发现这个eruda的高度设置为了80%(也有可能为50%测试发现过)右下角的图标就是显示和隐藏eruda的绑定dom的代码在包裹的边框里显示Erdu
前言开发项目中，使用到Eruda打印控制台信息显示文档：https://github.com/liriliri/eruda安装Erudanpminstalleruda--save引入importerudafrom"eruda";常使用方法显示eruda.show();隐藏eruda.hide();销毁eruda.destroy();绑定dom未绑定的页面布局是这样子的eruda绑定dom后，显示变成了这样子差不多把屏幕给占满了，看控制台里的元素设置发现这个eruda的高度设置为了80%(也有可能为50%测试发现过)右下角的图标就是显示和隐藏eruda的绑定dom的代码在包裹的边框里显示Erdu
给el-dialog添加@open="open()"在刚进入页面的时候对话框是关闭的，echarts不进行获取dom，当点击对话框出来的时候，有个opened事件，在这个事件里边进行echarts的初始化，执行数据；methods:{initChart1(){this.chart1=this.$echarts.init(this.$refs.chart1)this.chart1.setOption(this.chart1option)},initChart2(){this.chart2=this.$echarts.init(this.$refs.chart2)this.chart2.setOp
给el-dialog添加@open="open()"在刚进入页面的时候对话框是关闭的，echarts不进行获取dom，当点击对话框出来的时候，有个opened事件，在这个事件里边进行echarts的初始化，执行数据；methods:{initChart1(){this.chart1=this.$echarts.init(this.$refs.chart1)this.chart1.setOption(this.chart1option)},initChart2(){this.chart2=this.$echarts.init(this.$refs.chart2)this.chart2.setOp
虚拟DOM就是用JS来模拟DOM结构的，它并不是真正的DOM。为什么使用虚拟DOM？用传统的方式去操作DOM的时候，浏览器会从构建DOM树开始，从头到尾执行一遍流程。简单来说，就是会触发重排与重绘。比如说，在一次操作中，需要更新10个DOM节点。理想是一次性构建完成DOM树，但是浏览器并不会那么智能，在收到第一个更新DOM请求之后，并不知道后续还会有9次更新操作，最终执行10次。很显然，这样子操作DOM的代价十分昂贵，性能开销大。虚拟DOM的出现解决了这个问题。如果一次操作中有10次更新DOM的操作，那么不会立即操作真实DOM，而是将这10次更新的diff内容保存在本地的一个js对象中，最终将
虚拟DOM就是用JS来模拟DOM结构的，它并不是真正的DOM。为什么使用虚拟DOM？用传统的方式去操作DOM的时候，浏览器会从构建DOM树开始，从头到尾执行一遍流程。简单来说，就是会触发重排与重绘。比如说，在一次操作中，需要更新10个DOM节点。理想是一次性构建完成DOM树，但是浏览器并不会那么智能，在收到第一个更新DOM请求之后，并不知道后续还会有9次更新操作，最终执行10次。很显然，这样子操作DOM的代价十分昂贵，性能开销大。虚拟DOM的出现解决了这个问题。如果一次操作中有10次更新DOM的操作，那么不会立即操作真实DOM，而是将这10次更新的diff内容保存在本地的一个js对象中，最终将
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助1.对虚拟DOM的理解？从本质上来说，VirtualDom是一个JavaScript对象，通过对象的方式来表示DOM结构。将页面的状态抽象为JS对象的形式，配合不同的渲染工具，使跨平台渲染成为可能。通过事务处理机制，将多次DOM修改的结果一次性的更新到页面上，从而有效的减少页面渲染的次数，减少修改DOM的重绘重排次数，提高渲染性能。虚拟DOM是对DOM的抽象，这个对象是更加轻量级的对DOM的描述。它设计的最初目的，就是更好的跨平台，比如Node.js就没有DOM，如果想实现SSR，那么一个方式就是借助虚拟DOM，因为虚拟DOM本身是j
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助1.对虚拟DOM的理解？从本质上来说，VirtualDom是一个JavaScript对象，通过对象的方式来表示DOM结构。将页面的状态抽象为JS对象的形式，配合不同的渲染工具，使跨平台渲染成为可能。通过事务处理机制，将多次DOM修改的结果一次性的更新到页面上，从而有效的减少页面渲染的次数，减少修改DOM的重绘重排次数，提高渲染性能。虚拟DOM是对DOM的抽象，这个对象是更加轻量级的对DOM的描述。它设计的最初目的，就是更好的跨平台，比如Node.js就没有DOM，如果想实现SSR，那么一个方式就是借助虚拟DOM，因为虚拟DOM本身是j
DOM获取元素、修改元素1.DOM①什么是DOM？作用？DOM是文档对象模型作用：操作网页内容，可以开发网页内容特效和实现用户交互。②DOM对象2.获取DOM元素①根据CSS选择器来获取DOM元素(重点)思考获取一个DOM元素我们使用谁？querySelector()获取多个DOM元素我们使用谁？querySelectorAll()querySelector()方法能直接操作修改吗？可以querySelectorAll()方法能直接修改吗？如果不能可以怎么做到修改？不可以，只能通过遍历的方式一次给里面的元素做修改②其他获取DOM元素方法（了解）注意点3.设置/修改DOM元素内容①.docume
DOM获取元素、修改元素1.DOM①什么是DOM？作用？DOM是文档对象模型作用：操作网页内容，可以开发网页内容特效和实现用户交互。②DOM对象2.获取DOM元素①根据CSS选择器来获取DOM元素(重点)思考获取一个DOM元素我们使用谁？querySelector()获取多个DOM元素我们使用谁？querySelectorAll()querySelector()方法能直接操作修改吗？可以querySelectorAll()方法能直接修改吗？如果不能可以怎么做到修改？不可以，只能通过遍历的方式一次给里面的元素做修改②其他获取DOM元素方法（了解）注意点3.设置/修改DOM元素内容①.docume
