前端开发
前端开发问题记录
代码小司机
这个作者很懒,什么都没留下…
展开
-
D3 绘制带线箭头以及单边切角矩形
背景介绍: 因公司历史数据展示相关业务所需,使用d3.js 绘制系列整体图示过程中,带线箭头和单边切角矩形两个图形对于小白来说,查找资料并实践耗时较多。故记录具体的实现方式,以防之后踩坑。实现图示: 详细步骤: #带线箭头绘制: ① 实现思路: 带线箭头由直线和箭头...原创 2019-10-22 10:14:50 · 1351 阅读 · 1 评论 -
子元素触发父元素的鼠标事件及上层元素遮挡下层元素的鼠标事件
背景介绍:使用 D3 绘制业务所需的展示图, 其中一个功能是实现在长方形框中添加文本内容(如图1所示),并且设置鼠标事件,当移入长方形区域时,显示一个弹出框展示详细内容(如图2所示),移出后隐藏弹出框。问题描述:鼠标移入到长方形空白区域,事件正常执行,而当鼠标移动到text上则事件无法触发。 ...原创 2019-10-18 10:46:48 · 1047 阅读 · 0 评论 -
JStree 绘制文件树(2)—— 异步加载父节点数据,点击后添加子节点,并展开或合并
上一篇博客中演示了JsTree的基本使用,使用的是本地不可变数据进行Demo绘制。博客地址:https://blog.csdn.net/hewenbo111/article/details/90182394在实际使用中,后台数据经常需要异步获取,所以本次介绍在实际绘制文件树过程中使用的异步加载数据的方式。绘制目标: ①:异步加载初始化 Jstree 的数据;...原创 2019-05-17 14:59:20 · 2014 阅读 · 0 评论 -
JStree 绘制文件树(1)—— JsTree使用Demo以及自定义图标更换
项目中需要向用户展示存储在云上的文件的目录结构,以便于用户选择下载使用,故使用JSTree进行数据的异步加载和绘制。最终的效果简图如下所示: 因初次使用JSTree进行异步数据加载和文件树图绘制,故记录该框架使用情况。本次记录根据小块的功能划分多篇博客进行, 以便迅速定位到某些小的细节。JSTree github 地址:https://github.c...原创 2019-05-17 10:13:05 · 2399 阅读 · 2 评论