2024-03-011.动态DOM节点创建节点dom方式： document.createElement("p"); <=> <p></p>jquery方式： $("<p>").text("内容"); <=> <p>内容</p> var div = $('<div></div>')添加节点parent. append (child)向父元素( parent )_lvojq

https://www.qianduange.cn//article/3038.html 分类：前端知识

2024-02-28在日常的开发过程中，有时候会有一些要求判断节点是否进入可视化区域的需求。例如：判断信息是否在可视区域曝光再进行曝光，图片懒加载等。通常我们可以通过scroll和getBoundingclient来进行判断。el . offsetTop - document . documentElement . scrollTop _react判断元素在可视区域内的组件

https://www.qianduange.cn//article/2874.html 分类：前端知识

2024-02-27【步骤】按步骤copy即可（vue2版本）【效果】只有叶子节点可以被选中。_a-tree-select如何只选择子菜单

https://www.qianduange.cn//article/2801.html 分类：前端知识

2024-02-26ECharts树节点过多时，不想要缩放，调整容器高度（宽度）：带图片效果图，也有讲一下原理echarts 树状图节点太多导致节点重叠，如何调整：vue里使用的方法。思路其实和上一个是一样的。echarts树形图节点及提示框文字过长问题。_echart 树图 子节点互相遮挡

https://www.qianduange.cn//article/2756.html 分类：前端知识

2024-02-25打印时发现表格显示不全，需手动调整打印设置，在右边的更多设置-缩放，选择自定义，缩放至合适的大小。传入自定义样式的字符串，作用于被打印的HTML标签上。自定义页面上所有元素的样式，在打印时生效。可以通过给打印区域设置class类名或id值，也可以使用ref获取DOM节点。打印JSON时传入的表头名称，要和JSON中的键值对的键保持一致。局部引入print-js，指定不同的打印类型。记录print.js实现打印功能的过程。打印JSON时，表格的自定义样式。打印JSON时，表头的自定义样式。_printjs

https://www.qianduange.cn//article/2648.html 分类：前端知识

2024-02-24此时我们就需要先根据真实dom生成虚拟dom， 当虚拟dom某个节点的数据改变后会生成有一个新的Vnode, 然后新的Vnode和旧的Vnode作比较，发现有不一样的地方就直接修改在真实DOM上，然后使旧的Vnode的值为新的Vnode。这种方法比直接操作真实DOM要快得多。从源码中可以知道，Vue判断两个节点是否相同时主要判断两者的key和元素类型等，因此如果不设置key,它的值就是undefined，则可能永 远认为这是两个相同的节点，只能去做更新操作，这造成了大量的dom更新操作，明显是不可取的。_vue3面试题 八股文

https://www.qianduange.cn//article/2615.html 分类：前端知识

2024-02-23XPath，全称XML Path Language，是一种在XML文档中查找信息的语言。它用于在XML文档中通过元素和属性进行导航，因此也常用于HTML和相关的标记语言中。XPath基于轴、节点和表达式等概念，允许我们通过路径选择特定节点或节点集合。XPath是一种强大的语言，用于在XML和HTML文档中定位和提取数据。它提供了一组丰富的路径选择和谓词过滤器，可以灵活地选择目标节点或节点集合。_如何从一个xml文件里面提取出特定的数据节点

https://www.qianduange.cn//article/2516.html 分类：前端知识

2024-02-22xpath 高级用法1. 匹配当前节点下的所有：.//. 表示当前// 表示当前标签下的所有标签注： 要配合使用2. 匹配某标签的属性值： /@属性名称这里以input里的value值为例：例：xpath(//input/@value)3. 匹配多个路径在一个xpath中写的多个表达式用 | 分开， 每个表达式互不干扰。xpath("//tr[6]/td[2]/tex..._xpath匹配节点下的文字

https://www.qianduange.cn//article/2478.html 分类：前端知识

2024-02-21不过还有个问题得说一下，很明显，我用了elementplus作为UI框架，我特别喜欢el-card这个组件，所以很多时候我都用它来做布局，但是我在用的时候，发现我很难掌握它的布局规律，尤其是在结合echarts画图的时候，各种dom相关的问题层出不穷，所以我不得不放弃使用el-card，二是自己用div来做布局。第二个报错是说不能获取到echarts对应dom的宽或高，这个问题一般出现在设置dom节点的宽和高时，用了百分比形式，ECharts的宽高默认是以像素为单位的，并不能直接使用百分比来设置。_uncaught (in promise) error: initialize failed: invalid dom.

https://www.qianduange.cn//article/2426.html 分类：前端知识

2024-02-20因为ECharts会开启自动布局算法所以在点击图例之后又将对应的图例进行的算法布局，所以才会导致数据偏移。如果在没有设置x和y的坐标会出现这个问题。1.设置layout为none （禁止开启算法布局）2.添加x和y坐标(如下所示)_echarts关系图 点击节点禁止旋转

https://www.qianduange.cn//article/2362.html 分类：前端知识