js
绒球帽
要学的东西太多了
展开
-
vue3 动态刷新echarts数据
最近在搞vue3项目,用composition API的写法的话的的确确之前很多插件都不好用了,echarts数据刷新这里也是苦恼了一阵首先setup全局数据用provide和inject就能搞定,主要是数据刷新这里的写法。因为vue3的setup里屏蔽了this,并且在setup调起的时期页面还没构建生成,获取不到元素,所以不能像vue2那样直接this.setOption了,要稍微改动一下...setup() { let echarts = inject("ec"); // 我的项目把echa原创 2021-05-26 13:33:49 · 9160 阅读 · 0 评论 -
关于Vue2组件适配迁移到Vue3的坑(持续更新)
>@onclick触发的逻辑有修改原创 2021-05-21 15:27:53 · 647 阅读 · 0 评论 -
Virtual Dom(虚拟Dom)
1原创 2020-11-11 00:54:25 · 348 阅读 · 0 评论 -
细谈JS的存储方式(堆内存,栈内存)与深拷贝,浅拷贝
堆内存,栈内存大家从一开始学习c/c++的时候对于声明变量就不陌生了,同样也是行文的重要部分,JavaScript也同样,出于JS引擎的独特设计,在分配内存空间时会自动处理不同类型的变量的存储位置,给程序员减轻一些负担,但是同时也加大了一些学习成本,今天我们就来细说一下。先贴定义: 栈内存:引擎执行代码时工作的内存空间,除了引擎,也用来保存基本值和引用类型值的地址 堆内存:用来保存一组无序且唯一的引用类型值,可以使用栈中的键名来取得 显而易见的,堆内存和栈内存在存储的任务上并不相.原创 2020-11-10 00:40:42 · 594 阅读 · 1 评论 -
vue如何抽象一个客户端级的audio播放模块(多页面同时控制)
因为很喜欢看vtuber哈哈,最近进了vtuber-music的项目组参与开发,项目是vue项目,但因为UI的设计很偏向客户端,我设计了这个客户端级的audio控件,可多个页面同时控制播放,暂停,切歌,改变音量,播放位置等操作项目开发环境快照 http://47.103.218.183项目开源地址https://github.com/vtbmusic/VtuberMusic (dev分支是最新开发进度,其他是灾备备份)逻辑原理先介绍下逻辑原理,由于这个audio需要多个页...原创 2020-06-15 00:16:43 · 1690 阅读 · 1 评论 -
js获取当前触发元素的位置(绕过a标签)
需求的由来是这样的:我需要做一个点击的动画效果,涉及到获取当前元素的位置,但是下一层的a标签会干扰到实际的获取情况,所以我需要绕过下面的标签,只获取触发器,下面是图js原生的 getBoundingClientRect()方法,可以获取到当前元素的相对浏览器位置逻辑是获取到元素之后检查这个标签是否为a标签,是则寻找他的父元素(触发器),再用找到的父元素使用get....Rec...原创 2020-02-11 01:25:59 · 567 阅读 · 1 评论