Dosth_Magic

你不能停止努力。

数据可视化,仿写d3-selection,核心模块选择器(一)

evs-selection 数据可视化以数据为主,那对数据集的选择就尤为重要,这个模块允许对DOM进行强大的数据驱动的转换,如设置属性(attributes)、样式、属性(properties)、html以及文本等,通过绑定和解绑数据,就可以直接添加和删除对应的元素。 选取方法返回当前选择集或一个...

2019-07-01 11:16:08

阅读数 25

评论数 0

数据可视化,仿写d3-selection,核心模块选择器(二)

这部分承接上一篇,介绍d3-selection模块中的修改元素节点部分和命名空间。看源码戳 selection模块结构 选择元素 修改元素(本章的内容) 加入数据 处理事件 控制流 局部变量 命名空间(本章的内容) 选择元素 选择元素后,设置文档的不同属性,例如设置a的name和color: ...

2019-07-01 11:14:02

阅读数 33

评论数 0

数据可视化d3源码学习,仿写d3-dsv之数据解析模块

evs-dsv 该模块为文本分隔符分隔进行解析,常见的数据格式为逗号分隔的csv文件或制表符分割的tsv文件,这些表格非常受excel欢迎,而且比json更节省空间,代码实现基于论文RFC 4180Common Format and MIME Type for Comma-Separated Va...

2019-06-29 20:57:20

阅读数 91

评论数 0

[8-16]每日学习总结]平凡代码人生

9点半到11点:看完深入浅出webpack的3节,总共完成了第一章,了解了plugin和devserver的功能。 3点到5点:完成《深入理解ES6》的第四章,速记法属性定义,把name:name省略为name,计算属性名,可以在将非字面量的值指定为属性的名称,方法简写,省略冒号和functio...

2019-08-16 11:01:18

阅读数 13

评论数 0

[8-15每日学习总结]平凡代码人生

9点到10点:看完了两节深入浅出webpack的内容,学了webpack的安装以及构建命令,学习了loader的使用方法,对css进行解析,使用style-laoder时候有3种方式,一、使用use数组,内容是url querystring传入参数的字符串,二、使用use对象数组,可以是对象加op...

2019-08-15 10:34:02

阅读数 11

评论数 0

js权威指南知识点整理

1.涉及return、break、continue语句后紧跟着换行,js会在换行处填补分号。后缀++和–前换行,会被当成下一个变量的前缀。 2.类型分为原始类型和对象类型,原始类型number、boolean、string以及两个特殊的原始值null、undefined,对象类型object以及特...

2019-08-07 13:28:12

阅读数 13

评论数 0

react文档demo 交互式表格

使用props传递静态数据,state进行状态更新。 import React from 'react'; import ReactDOM from 'react-dom'; // import './index.css'; // import App from './App'; // imp...

2019-07-25 01:21:23

阅读数 14

评论数 0

Chinavisday-01

上午 特约报告 来自斯图加特的Thomas讲的题目是Visualization and Analysis of Large Scientific Data – New Approaches for Volumes, Flows, and Particles 大部分都是关于科学可视化及GPU和CP...

2019-07-23 00:36:59

阅读数 21

评论数 0

ES6 Proxy

Proxy 概述 用于修改某些操作默认行为,等同于在语言层面做出修改,元编程。实际上Proxy重载了点运算符 var obj=new Proxy({},{ get:function(target,key,receiver){ console.log(`getting ${key}!`); ...

2019-07-15 16:18:49

阅读数 36

评论数 0

ES6 await

async函数 含义 他就是Generator函数的语法糖,generator函数读取两个文件 const fs=require('fs'); const readFile=function(fileName){ return new Promise(function(resolve,rejec...

2019-07-15 00:40:34

阅读数 52

评论数 0

闭包数据缓存

else闭包,如下拉框数据 如果缓存中有数据 则直接读缓存,如果没有 在进行查询 var CachedSearchData = ( function(){ var cacheData = [], count=cacheData.length; ...

2019-07-11 16:54:05

阅读数 20

评论数 0

ES6 class

class基本语法 class Point{ constructor(x,y){ this.x=x; this.y=y; } toString(){ return '('+this.x+','+this.y+')'; } } 类的数据类型就是函数,类本身就指向构造函数,类...

2019-07-10 22:46:10

阅读数 10

评论数 0

tcpip协议概述

第一章概述 分层 TCP/IP通常被认为四层系统,应用层,运输层,网络层,链路层。 1.链路层,有时也称数据链路层网络接口层,包括计算机设备驱动程序和计算机网络接口卡 2.网络层,包括ip协议(网际协议),icmp协议(internet互联网控制协议),以及IGMP协议(internet组管理协议...

2019-07-09 22:14:40

阅读数 37

评论数 0

[数据可视化]d3js源码,selection(四)添加事件,控制流,局部变量

selection模块结构 选择元素 修改元素 加入数据 处理事件(本章的内容) 控制流(本章的内容) 局部变量(本章的内容) 命名空间 事件处理 出于交互考虑,selection支持监听(listening)和分派(dispatching)事件。 selection.on(typenames...

2019-07-02 11:42:56

阅读数 33

评论数 0

d3js源码解析,selection模块(三),数据是如何绑定到元素上的?

selection模块结构 选择元素 修改元素 加入数据(本章的内容) 处理事件 控制流 局部变量 命名空间 添加数据 这部分开始介绍Join,讲解的两个文章selection.join notebookThinking With Joins selection.data([data[, ke...

2019-07-01 22:11:11

阅读数 17

评论数 0

数据可视化d3源码学习,仿写d3-fetch之数据读取

evs-dsv 该模块为文本分隔符分隔进行解析,常见的数据格式为逗号分隔的csv文件或制表符分割的tsv文件,这些表格非常受excel欢迎,而且比json更节省空间,代码实现基于论文RFC 4180Common Format and MIME Type for Comma-Separated Va...

2019-06-29 20:52:09

阅读数 47

评论数 0

职责链模式

2019-04-24 21:26:30

阅读数 30

评论数 0

深入学习D3JS: Arcs

arc生成器生成圆型或环,如果大于start到end大于260度会生成圆,否则扇形。 数据可以从pie生成。 这里插一句要想移动pie的位置,只能是translate g的位置。 d3.arc() 默认的生成器 arc(arguments…) var arc = d3.arc() ...

2019-04-17 17:03:46

阅读数 73

评论数 0

深入学习D3JS:Stacks

stack用来生成多类型可重叠的数据的二维数组。适用于如下图表类型: stack生成器不会直接产生形状,它可以产生位置信息,然后传入area生成器或者直接使用。 stack(data[,arguments…]) 根据输入的数据生成一个stack,返回一个表示每一个系列的数组,参数传播到访...

2019-04-13 15:58:37

阅读数 29

评论数 0

深入学习d3.js:d3-ease

ease是扭曲时间控制动画中运动的方法,常用与淡入淡出,使动画过度更平滑。 ease方法实现中,输入一个标准时间t,返回一个ease化的时间,他们的范围都在0,1内,表示动画的开始和结束。 ease(t) 首先设置你的ease,然后在动画期间调用。 // Before the anima...

2019-04-13 15:45:32

阅读数 89

评论数 0

提示
确定要删除当前文章?
取消 删除