摘要: 在开发中,如果没有动画的话,整个页面内容的显示和隐藏会非常的生硬!不好看,为了给予一定的用户体验,进入今天的主题 目录 一、Transition组件 1.Transition组件的原理 进入 离开 2、Transition组件中使用transition 代码 效果 说明 3、Transition组件 阅读全文
posted @ 2023-06-18 17:49 威武的大萝卜 阅读(10991) 评论(0) 推荐(0) 编辑
摘要: 前言 在Js中有一些比较冷门但是非常好用的方法,我在这里称之为高级方法,这些方法没有被广泛使用或多或少是因为存在一些兼容性的问题,不是所有的浏览器都读得懂的。这篇文章主要就是对这些方法做一个总结,有些方法在我们开发过程中有着重要的作用,我们一起来看一下吧。 getBoundingClientRect 阅读全文
posted @ 2023-06-18 10:26 威武的大萝卜 阅读(44) 评论(0) 推荐(0) 编辑
摘要: Unocss 简单使用首先初始化一个vite项目 使用pnpm安装 pnpm create vite unocss-demo -- --template vue-ts 使用npm 安装 npm init vite@latest my-vue-app -- --template vue 使用yarn 阅读全文
posted @ 2023-06-18 10:23 威武的大萝卜 阅读(1017) 评论(0) 推荐(0) 编辑
摘要: CSS 样式太多,重复写 在学习 UnoCSS 之前,我提出几个问题: 你是否有过写完了 HTML 之后,跳转到 style 写 CSS 这样来回跳转的痛苦? 你是否有过不知道如何给节点取类名的痛苦(有的节点确实没啥必要取类名,但就是需要写 CSS)? 你是否有过管理重复、繁杂、繁多的 CSS 而痛 阅读全文
posted @ 2023-06-18 10:16 威武的大萝卜 阅读(918) 评论(0) 推荐(0) 编辑
摘要: 前端 前言 一、直接上代码更看结果更直观 第一步:准备环境和基本的html页面 第二步:打开数据库(如果没有自动创建) 第三步:存入一个helloWorld 第四步:封装删除,查询,修改方法并分别执行查看结果 二、封装indexDB库, 第一步:封装类库 第二步:使用类库,该库的使用方法如下 三、使 阅读全文
posted @ 2023-06-18 09:46 威武的大萝卜 阅读(907) 评论(0) 推荐(0) 编辑