脚手架用的是vue-cli,vite还不太稳定，很多第三方库也存在兼容问题，为了能正常在实际项目中使用，还是选择了vue-cli。 然后 Vue 选 3.0, css预处理器，看个人习惯，sass,less,stylus都可以。 创建完项目，把那些不需要的页面例如:hellow…

基于 Vue3 的组件库 element-plus 正式发布，element-plus 是一个使用 TypeScript + Composition API 重构的全新项目。官方列出了下面几项主要更新，本文会阅读 element-plus 的源码，从以下几个方面在整体和细节上来…

TypeScript 是JS的一个超集，主要提供了类型系统和对ES6的支持，使用 TypeScript 可以增加代码的可读性和可维护性，在 react 和 vue 社区中也越来越多人开始使用TypeScript。从最近发布的 Vue3 正式版本来看， Vue3 的源码就是用 T…

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

在默认主题下，导航栏需要在themeConfig属性上进行配置nav，导航栏的两个重要属性为text和link，其中text指明了导航的文字内容，link指明了导航的链接。 第二种： 单个禁用导航栏，在每一个页面(.md文件)最顶部，配置navbar属性为false，此种方式禁…

Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3 新特性的使用以及一些使用经验分享。 使用 Vue2.x 的小伙伴都熟悉，Vue2.x 中所有数据都是定义…

利用 Axios 提供的 CancelToken 结合队列来实现。（队列中存放的是当前请求的信息（自定义的一些规则，来判断是否是同一个请求）和取消函数） 类似这种取消请求，其实服务端是有收到的，只是浏览器层面做了一层处理等不到响应而已。 为了方便开发过程中减少模版的编写，将表格…

项目结束一段时间，写个文章总结下。初入项目组，看到了3000行的vue文件，一口血差点捧出，无奈上一个程序员已经离职，留下的坑，只能自己填上了。在重构项目的过程中，也发现了一些别的问题，组内分享会做了总结分享，这次总结成文章特此记录。 在项目中，对于组件的划分，我们一般会划分为…

因为直接赋值，对于对象和数组而言只是浅拷贝，指向的是同一个内存地址，其中一个改变另一个也会改变。而通过 JSON颠倒转换之后，实现了深拷贝，则可以互不影响。 这样既降低了耦合性，也保证了各自的数据不被污染。 上面是一个通用组件，在某些场景中，右侧的按钮是 “处理” 和 “委托”…