摘要: 来源 https://iowiki.com/d3js/ https://www.d3js.org.cn/document/ 总结 轴在左下角的对齐 纵轴比例尺渲染的最大高度 = 横轴在y方向的偏移量 横轴上刻度的间隔 本例中横轴使用的是离散比例尺,有padding()方法可以用来调整刻度间的间隔。 阅读全文
posted @ 2021-12-01 07:25 酉云良 阅读(116) 评论(0) 推荐(0)
摘要: 来源 https://juejin.cn/post/6968713283884974088#heading-9 https://mp.weixin.qq.com/s/uKPVedfQkgEPYoRUtwyeQQ call Function.prototype.mCall = function (co 阅读全文
posted @ 2021-11-30 13:39 酉云良 阅读(70) 评论(0) 推荐(0)
摘要: 来源 https://github.com/xiaozfang/arithmetic-visualization/blob/master/web/view/bubbleSort.html 总结 想要实现动画效果,需要配合使用定时器和动画。 因为冒泡排序是双层循环排序,想要实现每次比较都可以动画化,则 阅读全文
posted @ 2021-11-30 07:02 酉云良 阅读(401) 评论(0) 推荐(0)
摘要: 最终效果 案例源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewpor 阅读全文
posted @ 2021-11-25 06:59 酉云良 阅读(174) 评论(0) 推荐(0)
摘要: 概述 以下内容均以webpack配置中的output.library.type: 'umd'为基础 使用webpack将文件打包为library后,打包好的文件被script标签引用时,library的名字会被放在全局变量中等待使用,至于库名下的内容,则与webpack配置中的output.libr 阅读全文
posted @ 2021-10-28 23:15 酉云良 阅读(796) 评论(0) 推荐(0)
摘要: 定义动画 第一种方式 @keyframes 动画名称 { 0% { /* 使用动画的节点在0%位置的动画。即刚开始的动画 */ } 100% { /* 使用动画的节点在100%位置的动画。即结束动画 */ } } 第二种方式 @keyframes 动画名称 { from { /* 开始动画 */ } 阅读全文
posted @ 2021-10-15 12:43 酉云良 阅读(63) 评论(0) 推荐(0)
摘要: 以下内容在全英文的相同目录下运行 初始化node npm init -y 安装babel模块 npm i @babel/cli @babel/core @babel/node @babel/preset-env 配置babel文件 如果目录中没有.babelrc文件,新建一个.babelrc文件。文 阅读全文
posted @ 2021-10-15 00:17 酉云良 阅读(237) 评论(0) 推荐(0)