vue 封装图片预览组件 图片放大、缩小、旋转功能 1、插入body，制作全局遮罩层、禁止背景滚动 2、定义组件过渡动画 3、结合 transform 实现图片控制

作为一个资深的切图仔，我们难免会需要用到把自己写的页面的一些功能通过视频的方式分享给别人。还有一个场景，就是当我们面试的时候，我们需要把我们的屏幕分享给面试官看，那么这些都是怎么实 现的呢？

本文针对在vue3中使用canvas生成图形验证码进行讲解，此文章这是一个简单的介绍，后续会优化更多丰富的功能进行封装成hooks。

面试不用慌，写给初中级前端的高级进阶，读源码，多动手，合理利用摸鱼时间，提高自己的编码水平，本期带给大家Vue3 + ts 手写实现拖拽hook。收藏关注加点赞，是我更新的动力！

大厂是不是为了冲绩效所以才会开发脚手架呢？每当新技术出现，作为热爱技术的前端人我们难道就不想折腾折腾让自己的项目“现代”起来？

Vue3 + Typescript + pnpm + rollup/gulp 工程化搭建组件库,使用vitepress编写组件文档

查了两个周末的文档，为你整理了这份 Webpack v5 配置基础 Vue3 项目的过程记录~~~。

可复用的组件是开发中经常会遇到的，不管是基础组件，还是业务组件，将可能在多个地方使用的业务逻辑封装成公共的可复用组件是一个很好的开发习惯。下面以开发一个分段选择组件为例，来讲解开发可复用组件中

弹框组件有两个特点：一是弹框的元素一般是body的子元素，而不是位于#app内部；二是，使用的时候一般通过函数，比如Message("创建成功")。 其实只是信息差的事，很容易理解的。 一般，组件的模板编译之后，默认挂载在app里，但其实我们可以手动选择将其挂载在任意处。 这个…