实现一个 canvas 拖拽、缩放、旋转的效果，如下效果图。 统一使用 typescript 来编写，在面对状态操作复杂的流程， ts 提供了状态标注，类型提示等。便于我们维护和梳理流程思路。比如类型标注提供了类似注释的功能，将对象描述清楚的同时，在我们使用相关属性或方法都会有…

本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。上一篇文章主要讲解了以下几个功能点： 友善提醒：建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 14. 拖拽旋转 在写上一篇文章时，原来的 DEMO 已经可以支持旋转功能了。但是这个旋转功能还…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

如何使用 pnpm + workspace + changesets 构建你的 monorepo 工程

引言： 当下前端组件库 / 工具库的最佳实践方案基本都是 pnpm + monorepo 的开发模式，如 Vue、React、Vite、Element UI、Varlet UI、Vant UI 等。

包含对 Onlyoffice 常用配置项介绍，JWT 加密功能、文档转换和文档生成器等功能的使用介绍，覆盖了大部分使用场景。

最近一直在捣鼓团队的脚手架开发，一个脚手架中往往包含多个库，所以就想着用monorepo来实现。当然程序员首要任务就是偷懒，所以顺便把自动化构建和发布都搞了，顺便水一篇文章

本篇开始，一起讨论一下，基于monorepo架构模式，利用Module Federation实现微前端架构的架设方案。

本人4年多前端工作经验。从今年4月份开始准备面试，准备了7个月，就为了实现大厂目标，从进入11月开始就给自己定下目标：开始面试，冲击大厂！ 从11月2号开始面试，记录我的面试过程，并定下最终目标：字节跳动、腾讯。前期打算先面其他公司热热身，热身完毕了开始冲击。 由于面试太频繁，…