dawn888 - 博客园

解决Jquery中click里面包含click事件，出现重复执行的问题

摘要：出现问题的代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/ 阅读全文

posted @ 2020-03-27 13:09 dawn888 阅读(686) 评论(0) 推荐(0) 编辑

让ul li水平居中（任意删除li也能水平居中）

摘要： HTML代码： <div class="box"> <ul class="button-ct"> <li></li> <li></li> <li></li> <li></li> </ul> </div> CSS代码： .box{ position:absolute; bottom:0; left:0 阅读全文

posted @ 2020-03-21 11:26 dawn888 阅读(392) 评论(0) 推荐(0) 编辑

jquery的焦点图片无限循环关键思维

摘要：在循环的时候，关键的是按（下一页按钮）到最后一页的时候和按（上一页按钮）到到第一页的时候如何转换；首先必须知道3个js方法，prepend()、append()和clone(); prepend() 方法在被选元素的开头（仍位于内部）插入指定内容。 append() 方法在被选元素的结尾（仍然在内阅读全文

posted @ 2020-03-21 11:08 dawn888 阅读(116) 评论(0) 推荐(0) 编辑

如何将一个div水平垂直居中？6种方法做推荐

摘要：方案一： div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】，兼容性：,IE7及之前版本不支持 div{ width: 200px; height: 200px; background: green; position:absolute; left:0; top: 0; b 阅读全文

posted @ 2020-03-21 09:53 dawn888 阅读(1719) 评论(0) 推荐(0) 编辑

svg文字与图像

摘要：摘要： svg与canvas一样都可以将文本和图像放在画布中，制作出不一样的效果。下面是如何使用svg来渲染文本与图像。简介： SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度，而无须求助图像或其它插件。任何可以在形状或路径上执行的操作（如绘制或滤镜）都可以在文本上执行。尽管阅读全文

posted @ 2020-03-18 17:56 dawn888 阅读(624) 评论(0) 推荐(0) 编辑

记录d3.js 力导向图的平移缩放，类似地图导航点击某一项移动到当前位置

摘要：项目中有用到d3.js用于图结构的查询，需求如下：右上角有个模糊搜索功能,查询出来的结果用列表展示点击列表的某一列，要求画布移动到当前选中的节点的位置，基于画布正中间搜索出来的结果列表展示用的element-ui表格，前台进行分页，不依赖后台，下面记录一下svg的平移 function tr 阅读全文

posted @ 2020-03-13 13:12 dawn888 阅读(899) 评论(0) 推荐(0) 编辑

d3限制范围缩放和平移升级到版本4

摘要：感谢您提供帮助以更新下面的代码以在版本4中工作。我已将zoom.behaviour更改为d3.zoom，但我不清楚所需的其他更改。看起来比v3还要复杂！ <!DOCTYPE html> <html> <head> <!-- <script type="text/javascript" src="ht 阅读全文

posted @ 2020-03-13 11:13 dawn888 阅读(1227) 评论(0) 推荐(0) 编辑

d3.js v4曲线图的拖拽功能实现Zoom

摘要： zoom缩放案例源码：https://github.com/HK-Kevin/d...；demo：https://hk-kevin.github.io/d3...；原理：通过zoom事件来重新绘制x轴scale，同时获得此时scale，在zoom事件的时候调用函数，将每个数据点的xScale重新阅读全文

posted @ 2020-03-13 10:08 dawn888 阅读(1266) 评论(0) 推荐(0) 编辑

D3.js 力导向图的拖拽（drag）与缩放（zoom）

摘要：不知道大家会不会跟我一样遇到这样的问题，在之前做的力导向图的基础上加上缩放功能的时候，拖动节点时整体会平移不再是之前酷炫的效果（失去了拉扯的感觉！）。天啊，简直不能接受如此丑X的效果。经过不懈的努力终于解决了这个问题。以下是事情发生的原因及解决的代码： var zoom = d3.behavior 阅读全文

posted @ 2020-03-13 10:05 dawn888 阅读(4093) 评论(0) 推荐(0) 编辑

Vue + d3.js实现在地图上选点

摘要：需求：用户在地图上单击选点，页面获取到具体坐标并返回。首先比较重要的是Vue中的$nextTick，因为vue是异步更新的，如果是想打开Dialog或者是其他操作dom后才加载地图，使用nextTick可以保证在dom加载之后进行加载。 this.$nextTick(() => { this.lo 阅读全文

posted @ 2020-03-12 23:23 dawn888 阅读(1542) 评论(0) 推荐(0) 编辑

导航

公告