CSS两种盒子模型：cntent-box和border-box
摘要：
cntent-box 平时普通盒子模型，padding，border盒子会变大，向外扩展border-box 特殊盒子模型，padding，border盒子会变大，向内扩展 阅读全文
posted @ 2020-03-29 09:41 dawn888 阅读(518) 评论(0) 推荐(0)
解决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 阅读(706) 评论(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 阅读(406) 评论(0) 推荐(0)
jquery的焦点图片无限循环关键思维
摘要：
在循环的时候，关键的是按（下一页按钮）到最后一页的时候和按（上一页按钮）到到第一页的时候如何转换； 首先必须知道3个js方法，prepend()、append()和clone(); prepend() 方法在被选元素的开头（仍位于内部）插入指定内容。 append() 方法在被选元素的结尾（仍然在内 阅读全文
posted @ 2020-03-21 11:08 dawn888 阅读(122) 评论(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 阅读(1728) 评论(0) 推荐(0)
svg文字与图像
摘要：
摘要： svg与canvas一样都可以将文本和图像放在画布中，制作出不一样的效果。下面是如何使用svg来渲染文本与图像。 简介： SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度，而无须求助图像或其它插件。任何可以在形状或路径上执行的操作（如绘制或滤镜）都可以在文本上执行。尽管 阅读全文
posted @ 2020-03-18 17:56 dawn888 阅读(678) 评论(0) 推荐(0)
记录d3.js 力导向图的平移缩放，类似地图导航点击某一项移动到当前位置
摘要：
项目中有用到d3.js用于图结构的查询， 需求如下： 右上角有个模糊搜索功能,查询出来的结果用列表展示 点击列表的某一列，要求画布移动到当前选中的节点的位置，基于画布正中间 搜索出来的结果列表展示用的element-ui表格，前台进行分页，不依赖后台，下面记录一下svg的平移 function tr 阅读全文
posted @ 2020-03-13 13:12 dawn888 阅读(945) 评论(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 阅读(1262) 评论(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 阅读(1359) 评论(0) 推荐(0)
D3.js 力导向图的拖拽（drag）与缩放（zoom）
摘要：
不知道大家会不会跟我一样遇到这样的问题，在之前做的力导向图的基础上加上缩放功能的时候，拖动节点时整体会平移不再是之前酷炫的效果（失去了拉扯的感觉！）。天啊，简直不能接受如此丑X的效果。经过不懈的努力终于解决了这个问题。 以下是事情发生的原因及解决的代码： var zoom = d3.behavior 阅读全文
posted @ 2020-03-13 10:05 dawn888 阅读(4432) 评论(0) 推荐(0)
浙公网安备 33010602011771号