最近项目中一些可视化内容需要做一些动画，有一个立方体的转动效果，最开始想着是拿一个3D模型放上去，但是看了看别人的实现方式，发现自己想太多。

灵活运用css的transform属性，实现一个立方体是很容易的。

前段时间上级主管提出开发过程中使用yarn workspace，之前对其并没有什么了解，对该功能也没有多少热情。知道这两天有同事问我使用yarn workspace管理多个项目，可能会导致项目启动出现问题，经过检查及上网检索大致可以确定是依赖版本的问题导致，就此机会大概了解一下yarn workspace，做点笔记如下：

刚在官网看完了keep-alive，就随手翻了翻，看到了插槽的内容

在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute。

What?大变天了？我好像跟不上时代了，既然都看到了，就把官网的内容再过一遍，会的加深记忆，不会的好好学习一下。

在Vue项目中，有些组件需要缓存状态，不需要重复渲染，在这个时候keep-alive就派上用场了，在这家公司已经快五个月了，从来没用上过这个功能，本来就不是特别了解现在更模糊不清了，突然想起来这个功能就翻了翻官方文档，顺便做个笔记，水一期博客。

通过html2canvas将dom节点内容导出为图片的实现方法

最近在做的项目的登录功能需要通过验证码进行校验，虽然这个功能很常见很常用，但是自己还没有真的手写实现过，于是去网上看了看各个博主的博客，都是推荐通过canvas来实现这个功能，我也看了博主的源码，照着写了一遍，做了一下笔记，由于项目技术栈使用的是vue3+ts，所以下边也是基于此实现的。

装饰器语法虽然还处于提案阶段，但是确实能够在实际应用中方便的解决一些问题，近期看了一下TypeScript中装饰器的一些基本用法，做了一些笔记如下.

Vue3全面拥抱TypeScript，而其自家的状态管理工具Vuex对于TypeScript的支持并不友好，所以在Vue3时代Pinia显然是更好的选择。

Pinia的开发者是Vue的核心开发人员，且Pinia已经被纳入Vue的官方库，其作者也表示将来可能会与Vuex合并，所以学习Pinia并不需要担心他是否适合Vue，他一定是稳定可用的。

新公司待了差不多三个月了，公司前端一直使用基于Vue2封装的一个基础前端框架进行开发，主要是框架集成了一些公司封装的后台管理功能，年后尤大宣布将Vue3作为默认版本，恰好年后一直没什么项目做，就学习一下Vue3顺便把公司的框架拿Vue3重写一下吧。

因为选择了Vue3+Ts+Vite，所以基础配置的搭建跟之前的Vue-cli是有些不同的，所以还是记录一下搭建整个项目基础的过程。

往常开发过程中，文件下载的实现都是后端提供一个接口，大多是返回一个Blob对象，然后前端编码实现下载，在这次项目中后端只返回文件的url，需要自己实现下载，突然发现自己连这么基础的问题都解决不了，确实挺离谱的。