09 2020 档案

D3.js从源码分析到精通(四)
摘要：d3.pointer 获取事件的鼠标指针的位置 let aaa=d3.select('.aaa'); aaa.on('click', function (e) { // 我们发现这个是拿到鼠标在整个页面的坐标 console.log(e.pageX,e.pageY); // 这个是拿到 鼠标在.aa 阅读全文
posted @ 2020-09-29 11:17 猫神甜辣酱 阅读(686) 评论(0) 推荐(0) 编辑
D3.js从源码分析到精通(三)
摘要：data let fruits = [ {name: "orange", value: 200}, {name: "apple", value: 124}, {name: "banana", value: 32} ]; let d = d3.select('#bbb').selectAll('div 阅读全文
posted @ 2020-09-24 16:01 猫神甜辣酱 阅读(464) 评论(0) 推荐(0) 编辑
D3.js从源码分析到精通(二)
摘要：proprety 设置html元素无法使用属性或者样式的特殊属性,例如input的value ,复选框的 checked, 获取和设置 设置内置属性 // 设置 d3.select('#ccc').property('value','3eee') // 查找 console.log(d3.selec 阅读全文
posted @ 2020-09-23 10:44 猫神甜辣酱 阅读(492) 评论(0) 推荐(0) 编辑
D3.js从源码分析到精通(一)
摘要：npm install d3 -S npm install @types/d3 -D import * as d3 from 'd3' d3-selection select 方法 selectAll 方法 // 第一个 d3.select('.box').style('background','r 阅读全文
posted @ 2020-09-18 11:17 猫神甜辣酱 阅读(570) 评论(0) 推荐(0) 编辑
javascript原生技巧篇
摘要：this 上下文 const book = { title: 'Brave New World', author: 'Aldous Huxley', } function summary() { console.log(`${this.title} was written by ${this.aut 阅读全文
posted @ 2020-09-17 18:32 猫神甜辣酱 阅读(224) 评论(0) 推荐(0) 编辑
typescript高级编程(三)
摘要：交叉类型 & 简单的理解成从两个对象中创建一个新对象,新对象拥有两个对象所有的功能 function extend<T extends object, U extends object>(first: T, second: U): T & U { return Object.assign(first 阅读全文
posted @ 2020-09-08 17:28 猫神甜辣酱 阅读(351) 评论(1) 推荐(0) 编辑