Nuxt3 使用animate.css来实现页面切换过渡效果
摘要：首先，如果两个page分别在不同的layout下，是无法使用pageTransition来实现切换效果的，这时候需要使用layoutTransition来实现切换效果 这里采用npm package的方式安装animate.css，当然采用cdn的形式也是可以的 npm i animate.css
阅读全文
posted @
2024-08-21 10:09
从前有匹马叫代码
阅读(246)
推荐(0) 编辑
开发一个属性名提示友好的Vue组件
摘要：这两天开发了一个组件，开发好之后想着先本地npm link 用一用试试，然后在vue3 项目中link了过来，发现VSCODE没有属性提示，鉴于考虑到一个好的组件应该是提示友好的，于是给组件准备加上属性提示。 首先，我的组件包名叫 "xxx-xx"这种，然后我是提供了全局安装和仅导入组件的方式 im
阅读全文
posted @
2024-08-18 09:08
从前有匹马叫代码
阅读(23)
推荐(0) 编辑
前端实现刮刮卡的效果
摘要：先来一张图看看，这是现实中的，那么我们如何在程序上实现这样的效果呢，主流方案是采用canvas来实现 首先要实现这种效果，核心点是了解canvas的globalCompositeOperation属性，这个属性的作用是控制canvas上不同图层之间的显示效果，传送门 我们这里只需要使用到"desti
阅读全文
posted @
2024-08-12 10:23
从前有匹马叫代码
阅读(37)
推荐(0) 编辑
TS中简单实现一下依赖注入
摘要：依赖注入（Dependency Injection，DI）是一种设计模式，主要用于实现控制反转（Inversion of Control，IoC）。它通过将对象的依赖关系从内部管理转移到外部容器来解耦组件，从而提高代码的可测试性、可维护性和灵活性。 之前在使用nest.js中做开发的时候，被这种模式
阅读全文
posted @
2024-08-02 14:49
从前有匹马叫代码
阅读(130)
推荐(0) 编辑
