12 2021 档案
摘要：SVG描边动画的实现 效果展示 源码 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <me
阅读全文
摘要：js继承 原型链继承 子类原型指向父类的一个实例对象。子类会继承父类实例上的属性和方法，也可以访问父类原型上的属性和方法。 如果子类原型上想要覆盖父类的方法/添加父类没有的方法，这些方法必须在原型赋值之后添加，否则无效。 function SuperType () { this.prop = tru
阅读全文
摘要：前提 以下方法在其数组元素被删除/未被初始化时不调用回调函数。 使用索引 in 数组的方式判断数组元素是否是被删除/未被初始化的状态 forEach Array.prototype._forEach = function (callback, thisArg) { const arrLen = th
阅读全文
摘要：圆周率的定义 圆周率 = 圆的周长 / 圆的直径 假设圆的周长用英文字母C表示，圆的半径用英文字母r表示 ⇒ C = 2πr 弧与弧度的定义 弧 圆上任意两点间的部分叫弧 弧度 弧度 = 弧长 / 圆的半径 => 弧长为半径时，弧度为1 假设弧长用英文字母L表示，弧度用英文字母rad表示 ⇒ rad
阅读全文
摘要：浏览器对回流(重排)、重绘的优化策略 “优化队列” 如果只是读取“敏感”属性，没有对节点进行几何改变，js执行期间仅会进行样式计算，不会强制布局。 数据缓存 改变节点的几何位置，会导致缓存失效 测试环境 Chrome 版本 96.0.4664.45（正式版本） （64 位） 测试代码 点击查看代码
阅读全文
摘要：来源 https://iowiki.com/d3js/ https://www.d3js.org.cn/document/ 总结 轴在左下角的对齐 纵轴比例尺渲染的最大高度 = 横轴在y方向的偏移量 横轴上刻度的间隔 本例中横轴使用的是离散比例尺，有padding()方法可以用来调整刻度间的间隔。
阅读全文
