前端科举八股文-VUE篇
2024-06-14因为在js中,只有函数才能生成局部作用域,才能把每个组件的data相互隔离,如果直接使用对象的话,所有组件都会共享一个data属性从而造成污染。就是一种让开发者自定义Vue-api的官方接口,可以让我们自己生成类似于v-bind,v-on之类的指令。他的语法是Vue.derective(),接收两个参数,第一个参数是指令名,第二个参数是生命周期hook,按顺序依次是bind,指令首次被绑定时,insert 组件插入父节点,update,组件更新时,unbind 组件卸载时。
jq获取同级或者下级的dom节点的操作
2024-06-14jQuery.parent(expr) 找父亲节点,比如spanparent或者("span").parent()或者spanparent或者jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点jQuery.contents(),返回下面的所有内容,包括节点和文本。_jq 同级
web JS高德地图标点、点聚合、自定义图标、自定义窗体信息、换肤等功能实现和高复用性组件封装教程
2024-06-14本文将讲述如何利用高德地图JS API实现地图标点、聚合点、自定义图标、点击窗体信息展示等基本功能实现,结合实际项目中遇到场景需求进行演示聚合点自定义样式通过设置renderClusterMarker字段配置渲染函数,并在渲染函数中通过dom操作生成样式节点插入聚合点父节点上//聚合点实例renderClusterMarker:renderClusterMarker,//自定义样式渲染});//渲染函数//自定义图标背景//聚合个数。_高德地图 webjs
【数据结构与算法——TypeScript】树结构Tree
2024-06-13?二叉搜索树(BST,Binary Search Tree),也称二叉排序树或二叉查找树。二叉搜索树是一颗二叉树,可以为空非空左子树的所有键值小于其根节点的键值非空右子树的所有键值大于其根节点的键值左、右子树本身也都是二叉搜索树下面哪些是二叉搜索树,哪些不是?✅ 二叉搜索树的特点就是相对较小的值总是保存在左节点上,相对较大的值总是保存在右节点上✅ 查找效率高,这也是二叉搜索树中,搜索的来源。_typescript 树类型
Vue2中v-html引发的安全问题
2024-06-101.作用:向指定节点中渲染包含html结构的内容。2.与插值语法的区别:(1).v-html会替换掉节点中所有的内容,{{xx}}则不会。(2).v-html可以识别html结构。3.严重注意:v-html有安全性问题!!!!(1).在网站上动态渲染任意HTML是非常危险的,容易导致XSS攻击。(2).一定要在可信的内容上使用v-html,永不要用在用户提交的内容上!_vue2 v-html
出现 ‘vue‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件的解决方法(图文界面)
2024-05-25由于Java转全栈,对此前端的细节点都比他人更加注意,所以此处记录更有用的信息!(小白都能看懂)_vue' 不是内部或外部命令,也不是可运行的程序
antvX6 - Vue自定义节点,并实现多种画布操作,拖拽、缩放、连线、双击、检索等等
2024-06-07一个节点!_antvx6获得缩放级别
Vue3 组件转为HTML DOM节点
2024-06-07工作中,开发地图的时候,其中一个API需要添加HTML代码,考虑到HTML代码很多,如果去拼接HTML字符串很麻烦,而且很容易出错,另外,在给HTML添加事件的时候,很容易绑定到全局中,这样污染了全局,而且也不符合Vue组件开发的思想。解决思路:希望像Vue2那样可以直接创建一个Vue组件实例,然后获取Vue组件实例的DOM,添加到组件中。问题: Vue3 没有Vue.extend() 方法,因此Vue2 的写法不能适用。_vue组件转成html
echarts 关系图graph 实现思维导图
2024-06-07categories记录category值 对应样式。wid记录页面宽度,均分各节点位置。_echarts 思维导图
js通过子节点查找树结构的所有父节点
2024-06-07经过以上的处理,原先的树形结构就变为了一个数组,也就是做了一个扁平化的处理。有问题 可以一起交流学习。_js根据子节点id查询树结构的所有上级节点