css实现立方体转动动画

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

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

阅读更多

使用yarn workspace搭建简单的monorepo项目

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

阅读更多

Egg.js基础入门一:项目搭建与控制器

2022年4月1日,周五,已完成本周的工作安排,明天又是个工作日,想来在公司会有一天半左右的相对自由的时间,所以分几个小模块说一下Egg.js的入门内容吧,毕竟自己也是个Egg初学者,太深入的内容自己也不懂。

阅读更多

Vue2中的插槽编写

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

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

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

阅读更多

Vue2中使用keep-alive缓存组件

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

阅读更多

前端Canvas实现验证码功能

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

阅读更多