清和时光

2022年5月30日

摘要： ###动画（animation）是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。 ###动画序列动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。在 @keyframes 中规定某项 CSS 样式，就能阅读全文

posted @ 2022-05-30 19:06 清和时光阅读(182) 评论(0) 推荐(0) 编辑

CSS动画特效三剑客之 transform(转换/变形)

摘要： ###transform可以实现元素的位移、旋转、变形、缩放。缩放：scale 移动：translate 旋转：rotate 倾斜：skew ###2D 转换之移动 translate transform: translate(x,y); transform: translateX(2em); t 阅读全文

posted @ 2022-05-30 18:52 清和时光阅读(423) 评论(0) 推荐(0) 编辑

CSS动画特效三剑客之 transition (过渡)

摘要： css动画特效分为三个大类：动画() 过渡() 变形/转换(transition) 其中过渡是属于轻型的动画，过渡常使用变形的基本操作。 ###什么是CSS3 过渡 CSS3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript。过渡动画：是从一个阅读全文

posted @ 2022-05-30 17:58 清和时光阅读(851) 评论(0) 推荐(1) 编辑

2022年5月27日

VUE3 中使用 particles-bg-vue粒子动画

摘要： ###particles-bg-vue 是一个基于VUE的粒子动画组件。 ##一、安装 npm install --save particles-bg-vue ##二、使用 <template> <div> <particles-bg type="fountain" :bg="true" /> </ 阅读全文

posted @ 2022-05-27 10:19 清和时光阅读(1156) 评论(0) 推荐(0) 编辑

VUE安装依赖报错：unable to resolve dependency tree

摘要：解决方案： npm i --legacy-peer-deps 阅读全文

posted @ 2022-05-27 09:06 清和时光阅读(170) 评论(0) 推荐(0) 编辑

VUE3中使用Particles 粒子特效

摘要： ##一、安装 vue3中要使用 particles.vue3 //使用npm安装 npm install particles.vue3 --save //使用yarn安装 yarn add particles.vue3 --save //使用TS还需安装，如果安装完还是报错找不到该模块，可以重启一下阅读全文

posted @ 2022-05-27 09:01 清和时光阅读(4810) 评论(1) 推荐(0) 编辑

2022年5月25日

VUE3中使用fancy-components

摘要： ###一、什么是fancy-components？ fancy-components 是一个使用web components开发的酷炫的前端组件库 ###二、如何使用？ ####1、安装组件库 yarn add fancy-components ####2、main.ts或者main.js中全局引入阅读全文

posted @ 2022-05-25 18:11 清和时光阅读(346) 评论(0) 推荐(0) 编辑

2022年5月17日

VUE3中的状态管理VUEX

摘要： ##一、安装 npm install vuex@next --save 或者 yarn add vuex@next --save ##二、store文件代码 src/store/index.ts import { createStore, useStore as baseUseStore, Stor 阅读全文

posted @ 2022-05-17 16:39 清和时光阅读(168) 评论(0) 推荐(0) 编辑

2022年5月14日

JavaScript术语大全

摘要： ###高阶函数高阶函数是对其他函数进行操作的函数，它接收函数作为参数或将函数作为返回值输出。此时fn 就是一个高阶函数函数也是一种数据类型，同样可以作为参数，传递给另外一个参数使用。最典型的就是作为回调函数。同理函数也可以作为返回值传递回来 ###闭包闭包（closure）指有权访问另一个阅读全文

posted @ 2022-05-14 11:23 清和时光阅读(148) 评论(0) 推荐(0) 编辑

2022年5月9日

offset、client、scroll三大家族

摘要：元素偏移量 offset 系列元素可视区 client 系列元素滚动 scroll 系列 ##一、offset 概述 offset 翻译过来就是偏移量，我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度阅读全文

posted @ 2022-05-09 18:18 清和时光阅读(294) 评论(0) 推荐(0) 编辑

人不能没有理想的活着，热血的青春该去奋斗!

公告