摘要：
请大家动动小手，给我一个免费的 Star 吧~ 这一章实现导入导出为JSON文件、另存为图片、上一步、下一步。 github源码 gitee源码 示例地址 导出为JSON文件 提取需要导出的内容 getView() { // 复制画布 const copy = this.render.stage.c 阅读全文
摘要：
请大家动动小手，给我一个免费的 Star 吧~ 这一章处理一下复制、粘贴、删除、画布归位、层次调整，通过右键菜单控制。 github源码 gitee源码 示例地址 复制粘贴 复制粘贴（通过快捷键） // 复制暂存 pasteCache: Konva.Node[] = []; // 粘贴次数（用于定义 阅读全文
摘要：
关于第三章提到的 selectingNodesArea，在后续的实现中已经精简掉了。 而 transformer 的 dragBoundFunc 中的逻辑，也直接移动 transformer 的 dragmove 事件中处理。 请大家动动小手，给我一个免费的 Star 吧~ 这一章花了比较多的时间调 阅读全文
摘要：
给上一章做一个补充，就是实现通过上下左右按键移动所选节点。 继续求 Star ，希望大家多多一键三连，十分感谢大家的支持~ 创作不易，Star 50 个，创作加速！ github源码 gitee源码 示例地址 通过按键移动节点 准备工作 给 SelectionTool 添加两个必要的方法： // 更 阅读全文
摘要：
github/gitee Star 终于有几个了！ 从这章开始，难度算是（或者说细节较多）升级，是不是值得更多的 Star 呢？！ 继续求 Star ，希望大家多多一键三连，十分感谢大家的支持~ 创作不易，Star 50 个，创作加速！ github源码 gitee源码 示例地址 选择框 准备工作 阅读全文
摘要：
作为继续创作的动力，继续求 github Star 能超过 50 个（目前惨淡的 0 个），望多多支持。 源码 示例地址 在上一章，实现了“无限画布”、“画布移动”、“网格背景”、“比例尺”、“定位缩放”，并简单叙述了它们实现的基本思路。 关于位置和距离 从源码里可以发现，多处依赖了 Konva.S 阅读全文
摘要：
使用 konva 实现一个设计器交互，首先考虑实现设计器的画布。 一个基本的画布： 【展示】网格、比例尺 【交互】拖拽、缩放 “拖拽”是无尽的，“缩放”是基于鼠标焦点的。 最终效果（示例地址）： 基本思路： 设计区域 HTML 由两个节点构成，内层挂载一个 Konva.stage 作为画布的开始。 阅读全文
摘要：
在学习全网学习各路大神的关于Vue3 Diff算法分析文章的时候，一定离不开关键方法 patchKeyedChildren。 patchKeyedChildren 处理的场景比较多，大致有 5 个主要过程。 如果你希望查看不同测试用例下，patchKeyedChildren 具体的内部处理过程，可以 阅读全文
摘要： 
通过结构化的 api 定义生成结构化的 api 请求实例，在项目中畅快的快速调用业务接口。配套使用 webpack 插件（[@no-996/axios-api-webpack-plugin](https://www.npmjs.com/package/@no-996/axios-api-webpack-plugin)），可以自动生成 d.ts 声明文件，在 IDE 中可以获得 api 定义的提醒信息。 阅读全文
通过结构化的 api 定义生成结构化的 api 请求实例，在项目中畅快的快速调用业务接口。配套使用 webpack 插件（[@no-996/axios-api-webpack-plugin](https://www.npmjs.com/package/@no-996/axios-api-webpack-plugin)），可以自动生成 d.ts 声明文件，在 IDE 中可以获得 api 定义的提醒信息。 阅读全文
摘要：
wc -l `find . -name '*.js'`wc -l `find . -regex ".*\.js"` 阅读全文