摘要:对象转基本类型 优先级: 如何成为全核工程师 先精后广,一专多长 []==false, !![]==true [] + {} 和 {} + []一样吗 当有一个操作数是字符串时 如果两个操作数都是字符串,将两个字符串拼接起来 如果只有一个操作符石字符串,则另一个操作数转换为字符串(toString) 阅读全文
posted @ 2019-02-19 13:47 房东家的猫 阅读(861) 评论(1) 推荐(2) 编辑
摘要:Symbol 属性私有化,数据保护 let 不支持变量声明预解析(先声明后使用) 支持块作用域 不允许重复声明(暂存死区) 定义的变量不会给window增加属性 const 不支持变量声明预解析(先声明后使用) 支持块作用域 不允许重复声明(暂存死区) 常量(值一旦确定,不允许修改,所有必须初始化) 阅读全文
posted @ 2018-12-26 22:58 房东家的猫 阅读(935) 评论(1) 推荐(3) 编辑
摘要:在10/22之前补充的很多细微的知识点,导致文章过长,所以准备把第一节分成上下两节 fill 填色 <rect x="290" y="50" width="100" height="100" stroke="#000" stroke-width="10" fill="#09f"></rect> 渐变 阅读全文
posted @ 2020-10-22 10:36 房东家的猫 阅读(35) 评论(0) 推荐(0) 编辑
摘要:SVG 过滤器 基本原型 <svg width="1000" height="577"> <filter id="demoFilter"> <!-- 添加过滤器的效果--> </filter> <image xlink:href="..." width="100%" height="100%" x= 阅读全文
posted @ 2020-10-15 11:18 房东家的猫 阅读(33) 评论(0) 推荐(1) 编辑
摘要:text 文字 <svg width="500" height="500"> <text x="40" y="40">我是谁</text> <text x="80" y="80" fill="red">我是谁</text> <text x="120" y="120" stroke="red" sty 阅读全文
posted @ 2020-10-13 11:49 房东家的猫 阅读(25) 评论(0) 推荐(0) 编辑
摘要:https://css-tricks.com/mega-list-svg-information/ 在10/22之前补充的很多细微的知识点,导致文章过长,所以准备把第一节分成上下两节 rect 矩形 <svg width='200' height='200'> <g transform="trans 阅读全文
posted @ 2020-10-11 18:15 房东家的猫 阅读(59) 评论(0) 推荐(0) 编辑
摘要:IntersectionObserver callback var observer = new IntersectionObserver(callback,options); callback 监听元素的可见性 options 配置参数 callback 一般会触发两次,一次是目标进入视口(可见) 阅读全文
posted @ 2020-10-08 18:36 房东家的猫 阅读(54) 评论(0) 推荐(1) 编辑
摘要:pointer-event css 指针事件属性 .aaa{ // 停止鼠标事件 pointer-events:none; // } 值 SVG all:当指针位于填充或笔触上方时,该元素是目标。 stroke:当指针在笔划上时,该元素是目标。 fill:当指针位于填充上时,该元素是目标。 visi 阅读全文
posted @ 2020-10-07 16:37 房东家的猫 阅读(57) 评论(0) 推荐(0) 编辑
摘要: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 房东家的猫 阅读(29) 评论(0) 推荐(0) 编辑
摘要: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 房东家的猫 阅读(55) 评论(0) 推荐(0) 编辑
摘要:proprety 设置html元素无法使用属性或者样式的特殊属性,例如input的value ,复选框的 checked, 获取和设置 设置内置属性 // 设置 d3.select('#ccc').property('value','3eee') // 查找 console.log(d3.selec 阅读全文
posted @ 2020-09-23 10:44 房东家的猫 阅读(49) 评论(0) 推荐(0) 编辑
摘要: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 房东家的猫 阅读(61) 评论(0) 推荐(0) 编辑