前端小学生er-CSDN博客

原创 D3.js实现知识图谱时，节点中文字与悬浮提示文字不一致

项目场景：基于D3.js实现了一个知识图谱的可视化组件问题描述：因为要在节点上显示该节点的名称，但是名称太长显示不下就加了一个省略显示，然后悬浮显示全名，是一种常见的功能，但是使用时发现偶尔会出现节点中的名称和悬浮显示的全名的文本完全不一致的情况。原因分析：开始认为是数据源的问题，但是通过检查代码发现，这两处使用的名称是用的同一个数据，所以排除数据源的原因。 self.nodes.append("title").text(d => d.name); /

2021-07-03 15:33:08 602

原创使用window.postMessage()进行跨域页面通信时为什么还是提示跨域限制？

问题背景：前端解决跨域问题方法中，有一种方法是使用window.postMessage()来进行不同源页面的通信。具体的用法可以参考MDN中关于该Api的解释和用法。但是知易行难，今天自己使用这个方法的时候却是遇到了很多意想不到的问题，在这里记录一下。踩到的坑：1.window.open()打开新窗口后页面不加载使用的是window.open()方法，想通过这个方法打开一个新窗口然后获取新窗口的引用，但是发现打开新页面之后，浏览器的新窗口地址栏只是显示URL，但是并没有解析这个URL，相

2021-04-08 11:45:28 679

原创理解节流和防抖

文章目录前言一、区分防抖和节流二、防抖与节流的简单实现1.防抖的简单实现2.节流的简单实现总结参考资料前言节流和防抖是前端常见的性能优化的方法，网上对这个方法的有许多优秀的介绍，我在这里只是记录一下我对这些方法的一些理解。一、区分防抖和节流刚开始接触这两个概念的时候，一直区分不开，总是搞混。从使用场景和语义上理解，对于区分这两个概念应该有帮助。对于防抖，我的理解就是“防止用户手抖”，所以使用场景就是本来用户只想点一次，但是由于手抖了多点了几次，所以程序就不影响去响应那些本来不应该有的调用。

2021-03-29 11:05:22 293

原创剑指Offer:34.寻找二叉树中和为某一值的路径_js实现

文章目录前言一、题目描述？二、解题步骤1.根据层序遍历还原二叉树2.找二叉树中等于目标值的路径总结前言这是某????厂的一道笔试题，其中涉及到了层序遍历恢复二叉树问题和寻找二叉树中和为某一值的路径问题。考察的比较综合，在此记录一下。提示：以下是本篇文章正文内容，下面案例可供参考一、题目描述？给定一棵二叉树（以层序遍历结果的数组形式给出），和一个目标值，返回从根节点出发和为目标值的路径，如果有多条路径则返回最左侧的路径。示例如下：目标值：8二叉树： [3,3,5,2,null,4,6]

2021-03-28 17:14:28 256

原创 DOM树最大深度问题

文章目录前言一、基础准备1.相关的DOM接口二、开始计算深度1.初始递归2.结合DOM操作总结前言找一棵DOM树的最大深度，涉及到DOM操作的Api和一些关于闭包的思考，以及考虑如何使用尾调用优化递归问题。一、基础准备1.相关的DOM接口document.body // 获取根节点document.body.children //获取根节点孩子节点document.body.childElementCount //获取根节点孩子节点个数注意这里用了children这个属性，而没有用c

2021-03-24 20:02:30 484 2

原创手写一个滚动加载，scrollHeight、scrollTop与clientHeight傻傻分不清

文章目录前言一、scrollHeight? scrollTop? clientHeight？二、实现步骤1.HTML&CSS部分2.js部分总结前言这是某厂的一道前端笔试题，做题的时候对滚动相关的这几个参数搞混了导致没能实现滚动加载的效果，在这里记录一下。提示：以下是本篇文章正文内容，下面案例可供参考一、scrollHeight? scrollTop? clientHeight？一图胜千言，下面直接上图来区分三个属性蓝色部分可以看见的窗口部分，clientHeight代表了这块的

2021-03-22 20:52:42 705

原创用D3.js进行图谱展示时连接线长度随节点大小动态变化的实现方式

问题起源：用d3.js实现前端知识图谱的展示，开始跟着视频做了一个基本功能，但是节点的大小不能调整，于是做了一个大小调整的功能，即选中一个标签，然后再选择大小，从而实现让节点根据类型的不同来变化，然后自己就尝试做了一下，基本实现了选择大小的功能，但是新的问题随之而来，发现节点变大之后连接线很短，节点变小之后，连接线上的箭头又距离节点很远，原因在于原来节点间的连线是根据节点的圆心来连接的，箭头的位置是按照一个固定的半径大小进行偏移的，然后现在的节点的半径是用户可以随意调节的大小，所以设置一个固定的偏移量自然.

2021-03-09 11:01:45 1525

weixin_38434088的博客