- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue2 子组件操作父组件数据 Avoid mutating a prop directly since the value will be overwritten whenever
父组件内引入子组件：传值字段。使用.sync修饰符。
2024-06-12 20:05:41
227
原创 使用canvas制作粒子上升特效
/绘制雪花（圆），y坐标每次-0.5达到降落效果。另一种渲染图片粒子渲染效果，可以换成想要的任意图片。达到粒子上升效果，反之可以制作雪花降落效果。//存放200个粒子，x坐标，y坐标，r半径。//存放200个粒子，x坐标，y坐标，r半径。//绘制图片，y坐标每次-0.5达到降落效果。//小于页面高度，重新渲染位置。//小于页面高度，重新渲染位置。第一种圆点粒子渲染效果。
2024-06-04 15:51:55
579
原创 使用canvas制作雪花降落特效
/绘制雪花（圆），y坐标每次+0.5达到降落效果。//存放200个雪花，x坐标，y坐标，r半径。达到降落效果，反之可以制作粒子上升效果。//超过页面高度，重新渲染位置。
2024-06-04 15:06:48
338
原创 用canvas绘制钟表动效
angle：旋转角度（每隔多少角度显示一个刻度）* lineY：终点y坐标（坐标越远，指针越长）//移动坐标轴原点到(250,250),方便指针旋转。* strokeType：时、分、秒针。* strokeColor: 描边颜色。* strokeColor: 描边颜色。* lineWidth：线条宽度。* lineWidth：线条宽度。* moveX：起点x坐标。* lineX：终点x坐标。* angle：旋转角度。* num：刻度数量。
2024-06-04 14:00:25
483
原创 canvas的基础使用
x,y为圆心坐标，r为半径，startAngle起始角度，endAngle终点角度，anticlosewise为旋转方向（true逆时针，false顺时针，默认顺时针）：保存canvas的状态。save之后可以调用Canvas的平移、放缩、旋转、错切、裁剪等操作。：恢复Canvas之前保存的状态。防止save后对Canvas执行的操作对后续的绘制有影响。图形是线条构成的，线条是由路径绘制而成。如：三角形就是由三条路径绘制而成。canvas绘图时以画布左上角坐标为原点（0，0）绘图。：顺时针旋转坐标轴。
2024-06-04 10:27:09
2065
原创 正则表达式
匹配以s开头，后面有两个字符的单词。下面例子跟3.2例子正好相反，匹配。就是匹配包含大写和小写的所有字母。为行开头的，不会匹配中间的。为行结尾的，不会匹配中间的。：匹配连续8-10次字母的。：匹配连续6次以上字母的。简单匹配个ip地址：把。分组后重复三遍，匹配到。匹配以数字开头的单词。：匹配连续2次数字的。
2024-05-29 10:12:56
793
原创 vue3的自定义指令
只在当前.vue的文件中可以使用定义一个自动获取焦点的自定义指令：vFocus，给input加上v-focus指令，input会自动获取焦点} , };} , };} , };} , };
2024-05-24 15:14:50
1440
原创 scss的基本用法
node版本与sass版本对应关系，不对应会报错哦。在vue.config.js里配置scss全局样式。mixin.scss编写全局变量。页面的style中直接使用。text.scss声明变量。
2024-05-23 13:56:44
1719
原创 基于vue3简单使用antv/x6 2.x.x的学习笔记
X6 是基于 HTML 和 SVG 的图编辑引擎，提供低成本的定制能力和开箱即用的内置扩展，方便我们快速搭建 DAG 图、ER 图、流程图、血缘图等应用。1、定义渲染流程图的容器。2、在script引入。
2024-05-22 17:13:16
1954
原创 基于vue3的pinia使用方法
什么时候应该使用pinia？存储应该包含可以在整个应用程序中访问的数据。这包括在许多地方使用的数据，例如导航栏中显示的用户信息…
2024-05-21 09:58:01
441
原创 在vue3中使用swiper10
2、script里引入 import { Pagination, Navigation } from “swiper/modules”;3、swiper组件中配置navigation，pagination对应标签class名字。1、通过slideChangeTransitionEnd事件监听swiper过度结束。1、modules里添加 [ Pagination, Navigation ]
2024-05-16 10:18:50
839
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人