麦兜不打野

前言 通过vue2和fabric.js实现一个简易的图文编辑器，可以在画布上添加文字，图片，设置背景图，对文字，图片的属性进行修改。最后生成图片。 1.项目准备 1 创建一...

开源图片编辑器项目，可用于海报设计、图文笔记、商品设计、封面设计、标签设计、logo设计等场景，更像一个开源在线设计工具。推荐一个...

这篇文章教会你如何封装一个svg-icon组件，这个组件在后续的button等组件中也用到了。 插件安装 vite-plugin-svg-icons - npm 在封装我们...

gzip压缩 gzip压缩，在Vite/Webpack中核心目的就是，降低文件大小，在浏览器请求该文件的时候能快速响应。对文件进行压缩目前我知道的有两种方式： 前端压缩（运...

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

介绍 在我们项目开发完成后，需要进行项目的打包优化，本文讲解如何在Vite中进行分包，提升项目的性能。 分包策略涉及的优化点有如下几点：首次加载、加载时间、浏览器缓存策略、...

总结 流程总结 通过render函数进行ELEMENT节点的挂载大致就是下面是大致流程： **ELEMENT节点的挂载→render函数→patch挂载函数→type+sh...

开发时态的构建速度优化: yarn dev/yarn start敲下的一瞬间到呈现结果要占用多少时长 webpack在这方面下的功夫是很重: cache-loader ca...

背景介绍 在我们平常开发过程中，我们项目多数是前后端分离的项目，就需要和服务进行前后联调，需要服务给接口文档，然后我们再根据给的结构文档mock数据，在这之前呢我都是直接在...

背景 我们在使用vite搭建项目的时候，需要引入部分资源文件，我们如果通过相对路径../的形式来导入不同模块下的文件，这样就会存在很繁琐的问题。此时呢，vite提供了一个配...

前置 本小节说的是create-vite 使用的template模板的实现原理，我们在使用vite创建项目的时候，在控制台中输入pnpm create vite，会让你进行...

fs模块 在nodejs中fs模块是进行文件的io操作的一个类，在这个模块下包含很多操作文件的api，具体内容直接去官网看API即可，接下来将讲解使用fs模块进行文件流的读...

脚手架命令解析 Vue cli为例 命令：vue create vue3-project -r http://xxxxx.com 在这个命令中包含五个部分： 主命令vue ...