摘要:
目录getBoundingClientRectIntersectionObserver getBoundingClientRect getBoundingClientRect 是一个 DOM API 方法,用于获取指定元素相对于视口的位置和尺寸信息。它返回一个 DOMRect 对象,包含了元素的左上 阅读全文
摘要:
window.URL.createObjectURL(blob) a 标签下载问题,通常在 a 标签中加上download属性,就可完成对href属性链接文件的下载,但仅仅是限于同源文件,如果是非同源,download 属性就会失效 第一种情况,单独的一个标签实现下载,可以使用 span 标签+cl 阅读全文
摘要:
目录41.监听连线拖拽结束后的事件42.监听画布的修改事件43.监听节点被 del 删除后回调事件(用于实现调用接口做一些真实的删除操作)44.监听节点鼠标移入移出事件,hover 后显示特定元素45.监听树图实现鼠标点击节点本身展开或收起子节点的功能,而不是点击另外的按钮46.监听文本块编辑结束后 阅读全文
摘要:
目录32.go.Palette 一排放两个33.go.Palette 基本用法34.创建自己指向自己的连线35.设置不同的 groupTemplate 和 linkTemplate36.监听在图形对象 GraphObject 上的右键单击37.定义节点/连线/canvas 背景上的右键菜单38.从节 阅读全文
摘要:
[toc] ## 第一版单个表单实现功能并一步步优化 通过一步步代码的优化,实现清空重置功能,尽量做到抽离后,可以直接复用,不需要修改任何变量名 先实现一版,单个表单组件的清空和重置功能,此时 form1 组件可以实现 ==parent.vue==父组件中调用 form1 和 form2 ```ht 阅读全文
摘要:
```js function currying() { const args = Array.prototype.slice.call(arguments); const inner = function () { args.push(...arguments); return inner; }; 阅读全文
摘要:
[toc] ## 常见写法 通常控制按钮显示与否,会采用`v-if`或者`v-show`来控制,可能会写成以下形式,在通过动态的改变 active 变量的值,控制按钮的显示状态, ```html 按钮一 按钮二 按钮三 按钮四 按钮五 ``` 进一步优化代码,第二种形式也有可能会通过一个集合遍历的方 阅读全文
摘要:
[toc] # 计算属性的基本用法 computed 一般有两种常见的用法: 一:传入一个对象,内部有 set 和 get 方法,属于`ComputedOptions`形式。在内部会有`getter / setter`两个变量来进行保存. ```ts const age = ref(18); con 阅读全文
摘要:
[toc] # reactive、ref、toRef、toRefs 使用与区别 ## reactive - 参数传入普通对象,不论层级多深都可以返回响应式对象,(参数只能是对象) - 但是解构、扩展运算符会失去响应式 ## ref 作用及用法 - 参数可以为任意类型,推荐使用基本类型 - 使用时 需 阅读全文
摘要:
Vue3之响应式 API reactive、 effect源码,详细注释 [toc] 简单记录一下 Vue3 和 Vue2 区别 > Vue3 源码采用 monorepo 方式进行管理,将模块拆分到 package 目录中 > Vue3 采用 ts 开发,增强类型检测, Vue2 采用 flow,对 阅读全文