互联网络

文件从暂存区撤销

reset撤销方式1.gitresetHEAD或gitreset.撤销所有暂存区文件2.gitresetHEAD<filepath>撤销暂存区指定的文件3.gitresetHEADxxx/撤销暂存区指定目录下的文件restore撤销方式1.gitrestore--staged将文件从暂存区撤销,但不会撤销文...
代码星球·2020-06-29

this.props.form.validateFields回调不执行问题

React的验证控件使用了this.props.form.validateFields这种形式,其回调可能不执行。原因可能是:1. 自定义验证的callback没写全在某个if分支中,没有执行callback2. 自定义验证有错误自定义验证函数中有错误,可能是变量为null等以上的错误都会被吃掉,不...

d3的4.x与3.x版本的区别

4.x版本有如下特性:1.模块化不再是一个整体,而是分为多个模块,可以按需加载,例如:d3-selection选择器d3-shape图形d3-array数组d3-force力导向图d3-zoom缩放2.支持canvas3.命名精简和更语义化布局省去layout,生成器省去svg,比例尺省去scale,直接挂到d3对象上...
代码星球·2020-06-29

d3布局

d3的布局,实际上是一个转换函数,将原始数据转换为该布局需要的数据。并不能直接通过布局生成图形,仍然需要自己根据数据去添加图形。1.常用布局有12种直方图(Histogram)饼状图(Pie)力导向图(Force)弦图(Chord)捆图(Bundle)堆栈图(Stack)层级图(Hierarchy)--集群图(Clus...
代码星球·2020-06-29

d3提示框,虚线,选择区域

1.提示框基本原理:用一个dom元素来显示提示框,提示框绝对定位,在相关事件中,动态修改提示框的位置即可。通常是用event的pageX和pageY修改提示框定位。2.折线图的焦点虚线在鼠标滑动到折线图焦点时候,通常要显示到Y轴和X轴的虚线。此时,需要监听划过区域的事件,在折线(太细,热区小),坐标轴(不能监听),上监...

d3交互

1.事件监听selection.on('eventName',function(){})//添加事件监听selection.on('eventName',null)//移除事件监听过渡对象没有监听器,transition.on会报错2.常用事件2.1鼠标clickmouseovermouseoutmousemovemo...
代码星球·2020-06-29

d3文件导入和导出

1.文件导入d3本身对ajax有封装,可以请求多种格式的文件,读取其data。1.d3.json()请求json文件2.d3.csv(),d3.tsv()请求CSV,TSV文件3.d3.xml()请求xml文件4.d3.html()请求html文件5.d3.text()请求text文件2.文件导出就是将界面上生成的sv...
代码星球·2020-06-29

gvim的基本配置(中文乱码,行号和主题)

在C:ProgramFilesVim目录下的_vimrc文件中,插入基本配置,包括中文乱码,行号和主题。"Vimwithallenhancementssource$VIMRUNTIME/vimrc_example.vim"解决中文乱码setencoding=utf-8"显示行号setnu!"主题syntaxenable...

d3动画

d3的动画关键是transition过渡对象。1.创建过渡对象有两种方式1.d3.transition2.selection.transition过渡对象与选择对象是两个对象,方法和属性有差别。2.过渡对象的常用方法transition.delay延迟开始transition.duration过渡时间transitio...
代码星球·2020-06-29

d3的绘制

1.颜色绘制d3.rgb(r,g,b)获取一个rgb颜色对象d3.rgb(color)rgb.brighter()颜色变亮rgb.darker()颜色变暗rgb.hsl()返回该颜色的HSL值rgb.toString()以字符串形式返回颜色,例如#ffeeaa2.图形绘制2.1线段生成器d3.svg.line()用来生...
代码星球·2020-06-29

d3的比例尺和坐标轴

1.比例尺比例尺的关键概念:定义域和值域,比例尺本质就是一个函数。常用比例尺有:1.1线性比例尺d3.scale.linear()1.2指数比例尺d3.scale.pow().exponent(x)x为指数1.3对数比例尺d3.scale.log()1.4量子比例尺d3.scale.quantize()分段1.5分位比...
代码星球·2020-06-29

d3的常用方法和数据类型

1.选择集自身属性1.selection.empty()选择集是否为空,为空返回true,否则返回false2.selection.node()返回第一个非空元素,无则返回null3.selection.size()返回选择集中的元素个数2.选择集元素属性1.attr设置属性2.classed设置class3.styl...

d3中的enter,exit,update概念

d3是基于数据绑定的思想的,选择器选择元素,然后元素与数据绑定。由于元素与数据未必数量一致,会产生,元素多于数据或元素少于数据。元素与数据一一对应,是update部分,表示已经存在的元素,用于更新元素少于数据,是enter部分,表示即将进入的元素,即缺少的元素,用于添加元素多于数据,是exit部分,表示即将退出的元素,...

node内存泄漏总结

1.node内存泄漏情形1.1全局变量全局变量不会被回收,需要手动设置为null或undefined1.2闭包functionout(){  constbigData=newBuffer(100);  inner=function(){    voidbigData;  }}比如闭包中的变量被全局对象引用,则闭包中的局...
代码星球·2020-06-29

服务端渲染总结

1. 服务端渲染2个优点 和 缺点1.1服务端渲染可以减少白屏时间服务端渲染,客户端接收到html,可以直接显示客户端渲染,客户端接收到html,解析完毕,还要向服务端去请求js文件,返回后,执行完js,才能显示完成因此,服务端渲染,白屏时间短。1.2 服务端渲染利于SEO有清晰...
代码星球·2020-06-29