- 博客(105)
- 收藏
- 关注
原创 CSS3过渡
③ 令box1悬浮时高度过渡1s,过渡时速度变化选用ease(渐进渐出,是默认值),延迟0.2s触发。④ 令box1悬浮时宽度过渡1s,高度过渡1s,延迟0.5s触发,速度采用渐进渐出ease。CSS过渡能够做出一些好看动画效果,无需使用Flash动画或JavaScript。一个过渡属性为一组,多个过渡属性用逗号分隔。② 令box1悬浮时宽度过渡1s,延迟0.5s触发。⑤ 令box1悬浮时所有属性过渡1s。① 令box1悬浮时宽度过渡1s。
2024-10-02 07:30:00 116
原创 CSS3渐变
② 设置一个从左上角到右下角的粉色到紫色的渐变背景。① 设置一个从上到下的粉色向红色的渐变背景。的形状,默认值为ellipse。(左上角->右下角)等。(向45度方向渐变)等。设置一个圆形的径向渐变。
2024-10-02 07:15:00 114
原创 Vue3使用Pinia
参数:id:状态idstoreSetup:提供状态的函数一个获取该状态对象的函数定义状态:通过ref属性定义修改状态:① 通过函数提供修改状态的方式② 调用状态对象的$patch()方法// 文件:@/pinia/store.js// 定义状态// 修改状态// 返回状态对象return {count,addOne})使用:① 导入状态对象的获取函数② 通过状态对象操作状态// 导入状态对象的获取函数// 获取状态对象。
2024-10-01 07:30:00 424
原创 CSS图片完美适应属性object-fit与object-position
可以让图片覆盖式填充,就相当于把一张纸直接放到了桌子上,不会拉伸或压缩图片。在放置图片的时候,直接将图片完全适应盒子会使图片拉伸变形,很不美观。② 如果桌子放不下这张纸,那么可以通过。这样设置之后就保持了原先的宽高比。控制纸放在桌子上的位置。
2024-09-30 07:30:00 118
原创 CSS中justify-content与align-items使用
在flex布局和grid布局中元素居中通常会用到justify-content 和 align-items属性。grid布局主轴方向为水平方向,次轴(又叫交叉轴)方向为垂直方向。flex布局主轴方向为flex-direction方向,次轴是与主轴垂直的方向。
2024-09-30 07:15:00 1078
原创 Springboot指定扫描路径
basePackageClasses={类1.class,类2.class,...}basePackages={"待扫描包1","待扫描包2", . . . ," "}前提:配置类要在启动类所在包或子包下 ( 保证配置类要被扫描到 )
2024-09-30 07:00:00 210
原创 JDK动态代理与CGLib动态代理
动态代理(Dynamic Proxy)是在程序运行时给目标对象创建代理对象,代理对象可以对方法进行增强、控制等。在生成代理对象的过程中,目标对象不变,代理对象中方法对目标对象方法进行增强。代理对象执行目标方法时会被拦截,转而调用写好的代理方法。JDK代理、CGLib代理。
2024-09-28 07:30:00 992
原创 uniapp使用navigator标签不支持flex布局
navigator容器使用flex布局</text><text>view使用flex布局
2024-09-27 07:30:00 301 1
原创 Vue父子孙数据通信
在自定义组件时,父子组件通信可以用props属性传递,但父与孙通信用props就很不便。若用全局数据共享,又会污染到开发环境,这时就可以使用与实现祖向子孙传递。
2024-09-23 08:00:00 304
原创 Vue3通过$emit实现子向父传递数据
子组件通过触发事件,并传递数据,父组件在使用子组件时就可以绑定子组件事件,在事件处理函数中拿到子组件传来的数据。
2024-09-23 07:30:00 433
原创 Java手写增强for循环容器
看到ArrayList容器可以用增强for循环,于是寻思自己写一个支持增强for循环的容器。hasNext():当前元素是否有下一项。next():返回下一个元素。其实只需要给自己的容器实现。
2024-09-23 07:15:00 258
原创 CSS常用定位
粘性定位,在没到达指定位置之前会进行滚动,到达指定位置会定在页面上。固定定位,不会随着页面滚动而滚动,相当于定在了页面上。绝对定位,是相对于最近有定位的父级元素进行定位。相对原先的位置进行定位。
2024-09-23 07:00:00 162
原创 Vue全局事件总线
1)在main.js中创建vue实例之前通过指定全局事件管理者2)在组件挂载时通过this.$bus.$on('事件名',监听函数)绑定事件3)通过另一个组件的this.$bus.$emit('事件名',数据)来触发该组件的事件,并为其传输数据,实现组件间通信。
2024-09-22 22:46:57 451
原创 Vue3报“Maximum recursive updates exceeded. This means you have a reactive effect ... mutating”解决方法
今天使用组件时报了这个错误,寻找了半天,发现原来。
2024-09-22 08:00:00 125
原创 Vue3暴露子组件数据
有些时候需要在父组件中操作子组件的数据,使用props属性传递又不便,此时可以使用数据暴露到对应DOM节点获取子组件的DOM拿到子组件的数据。
2024-09-22 07:30:00 238
原创 Vue3操作DOM元素
在原生的网页中通过document.getById()可以直接获取到dom元素,在Vue中主要是通过标签的ref属性给标签起名字。在Vue3中操作DOM的方式如下:通过ref属性给标签起名字定义一个与标签名一样的变量,通过ref()获取虚拟DOM节点在元素挂载之后访问此时元素还没挂载,不能直接使用DOM。只有元素挂载后才能使用(如在onMounted()声明周期中),并且要通过属性拿到DOM的信息为什么这里引用DOM元素的变量名要与标签的ref属性值相同?这两者是怎么关联起来的?将script标签中的
2024-09-21 07:30:00 340
原创 Vue3属性值传递defineProps
将要接收的属性值定义在数组中,传递给defineProps函数即可,函数的返回值为封装这些属性值的一个对象props接收的对象实际上长这样name: '属性值',age: '属性值'① 只约束属性的数据类型约束一种数据类型直接写,约束多种数据类型用数组包裹name: String, // 必须是Stringinfo: [String, Object], // 类型可以是String或Object})② 约束更多信息type:属性的数据类型,可以用数组指定多个default:属性的默认值,
2024-09-19 07:43:03 255
原创 Vue3数据监听watch
要监听的数据监听数据处理函数,这个函数第一个参数监听数据的旧值,第二个参数监听数据的新值config配置对象,设置deep为true开启深度监听,immediate为true立刻执行一次通过以上使用可以发现:①直接传递监听数据,需要传递响应式对象(ref对象)② 使用函数返回监听数据时,需要返回响应式对象内部具体的数据,即返回 .value 属性。
2024-09-19 07:42:43 414
原创 css边框修饰
② 分别设置边框四个方向的宽度。② 分别设置四个方向的边框颜色。② 分别设置四个方向的圆角边框。属性设置四个方向的边框颜色。属性整体设置四个圆角。整体设置上下左右边框。
2024-09-18 07:30:00 815
原创 CSS调整背景
函数指定,图片的位置可以是本地路径,也可以是网络资源路径。注意:设置图像坐标时,一定要把图像设置为不重复平铺,即。正如刚刚只设置了背景图片,没有设置重复平铺方式,那么。不然图片平铺之后看不出背景图片的位置。设置背景图的起始x坐标,设置背景图的起始y坐标。
2024-09-16 22:10:57 2753
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人