会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
酉云良
学如逆水行舟,不进则退。示人须厚积薄发。
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
下一页
2022年1月5日
canvas炸烟花思路总结
摘要: canvas炸烟花思路总结 效果 源码 html 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"
阅读全文
posted @ 2022-01-05 14:46 酉云良
阅读(309)
评论(0)
推荐(0)
2022年1月4日
canvas实现鼠标追踪动画思路总结
摘要: canvas鼠标追踪动画思路总结 效果 源码 html 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edg
阅读全文
posted @ 2022-01-04 17:12 酉云良
阅读(390)
评论(0)
推荐(0)
2022年1月3日
canvas实现的太阳系动画思路总结
摘要: canvas实现的太阳系动画思路总结 效果 源码 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"
阅读全文
posted @ 2022-01-03 14:31 酉云良
阅读(458)
评论(0)
推荐(0)
2022年1月1日
发布订阅模式的js代码实现
摘要: 发布订阅模式 class EventEmitter { constructor () { this.events = {}; } // 绑定函数 on (type, fn) { (this.events[type] || (this.events[type] = [])).push(fn); } /
阅读全文
posted @ 2022-01-01 16:36 酉云良
阅读(215)
评论(0)
推荐(0)
防抖与节流
摘要: 防抖与节流 防抖 短时间内多次触发同一函数,只执行第一次/最后一次。比如说:一只小猫冷的发抖,稍用力按住它,它就不抖了。可以在它还没抖的时候按住,也可以在它抖了很久之后按住 普通防抖 /** * 普通实现 * 函数防抖[函数高频率被调用只执行第一次/最后一次] * @param {Function}
阅读全文
posted @ 2022-01-01 16:15 酉云良
阅读(76)
评论(0)
推荐(0)
2021年12月31日
SVG描边动画的实现
摘要: SVG描边动画的实现 效果展示 源码 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <me
阅读全文
posted @ 2021-12-31 11:56 酉云良
阅读(223)
评论(0)
推荐(0)
2021年12月25日
js的几种继承方式
摘要: js继承 原型链继承 子类原型指向父类的一个实例对象。子类会继承父类实例上的属性和方法,也可以访问父类原型上的属性和方法。 如果子类原型上想要覆盖父类的方法/添加父类没有的方法,这些方法必须在原型赋值之后添加,否则无效。 function SuperType () { this.prop = tru
阅读全文
posted @ 2021-12-25 13:24 酉云良
阅读(38)
评论(0)
推荐(0)
2021年12月19日
ES6中一些高阶函数的代码实现
摘要: 前提 以下方法在其数组元素被删除/未被初始化时不调用回调函数。 使用索引 in 数组的方式判断数组元素是否是被删除/未被初始化的状态 forEach Array.prototype._forEach = function (callback, thisArg) { const arrLen = th
阅读全文
posted @ 2021-12-19 21:37 酉云良
阅读(39)
评论(0)
推荐(0)
2021年12月11日
圆周率为什么表示角度为180°?
摘要: 圆周率的定义 圆周率 = 圆的周长 / 圆的直径 假设圆的周长用英文字母C表示,圆的半径用英文字母r表示 ⇒ C = 2πr 弧与弧度的定义 弧 圆上任意两点间的部分叫弧 弧度 弧度 = 弧长 / 圆的半径 => 弧长为半径时,弧度为1 假设弧长用英文字母L表示,弧度用英文字母rad表示 ⇒ rad
阅读全文
posted @ 2021-12-11 10:28 酉云良
阅读(1731)
评论(0)
推荐(0)
2021年12月4日
透过performance探究js操作dom样式时浏览器会做什么?
摘要: 浏览器对回流(重排)、重绘的优化策略 “优化队列” 如果只是读取“敏感”属性,没有对节点进行几何改变,js执行期间仅会进行样式计算,不会强制布局。 数据缓存 改变节点的几何位置,会导致缓存失效 测试环境 Chrome 版本 96.0.4664.45(正式版本) (64 位) 测试代码 点击查看代码
阅读全文
posted @ 2021-12-04 09:27 酉云良
阅读(107)
评论(0)
推荐(0)
上一页
1
2
3
下一页
公告