- 博客(18)
- 收藏
- 关注
RSS订阅原创 vue3+vant实现:复选框选中后，在某一特定条件下，复选框即使点击也维持原有选中状态不变
使用官网提供的disabled属性，选中后会维持原有状态。可以自定义修改置灰后的按钮样式。
2024-04-10 11:13:53
265
1
原创 vue3使用van-picker组件时，滑动选中某个数值时在旁边相应显示单位
vant的官方文档中没有支持这种需求的属性或方法，所以只能自己找别的方法。
2024-04-08 16:18:10
294
原创 vue3修改vant框架中的dialog弹出框样式
在vue3中，通过showConfirmDialog函数方式使用Dialog弹窗，由于他是挂载到根节点(#app)上，所以没有办法直接在css中修改样式。看了官方文档之后，发现可以使用teleport这个属性值，修改dialog组件挂载的节点。若同时有多个dialog弹窗样式不同且挂载到同一节点，则可以通过className属性自定义类名。然后在css中通过各自类名修改样式。若同时有多个页面都需要修改dialog样式，不同页面中挂载的节点类名需要不同！
2024-03-22 18:54:48
735
1
原创 使用React的过程中遇到的问题
这是 React18 新加的特性，仅在开发模式(development)下，且使用了严格模式(“Strict Mode”)下会触发。生产环境(“production”)模式下和原来一样，仅执行一次。router v6版本，需要给根标签最外层包裹一层BrowserRouter标签。
2024-03-15 17:21:21
418
1
原创 使用vue3的过程中遇到的知识点
定义了一个数组values，通过axios从后端获取数据并赋值给该数组，再通过onMounted钩子进行页面渲染。使用pinia进行数据存储，在页面中使用时，直接从store通过解构获取数据，该数据不具有响应式，需要用storeToRefs将store包裹起来。② 子组件给父组件传值或触发父组件的事件，子组件通过defineEmits接收父组件传的事件。如果父组件给子组件传的是一个变量的话需要加冒号，如果只是一个值的话就不需要加冒号。① 父组件给子组件传值，子组件可以通过 defineProps接收。
2024-03-15 16:52:42
461
1
原创 vue3使用vant中的van-checkbox-group组件默认全选
我在一开始给van-checkbox-group绑定的数组赋值，内容就是所有可选信息的对象。这种方式可以实现我想要的效果√。最后发现这样实现不了…
2024-02-04 10:31:17
787
1
原创 antd vue中的upload组件，实现在文件选择弹框打开前先弹一个自定义弹窗进行提示
在upload组件中设置一个替换按钮，让他隐藏，在upload组件外面设置一个替换按钮并设置一个点击事件handleReplace，在handleReplace中设置弹窗的显示，在弹窗中点击确认的handleOK方法中通过ref对象控制upload中替换按钮的点击事件的发生，从而弹出文件资源管理器。本来我想使用如下方法展示弹窗，但是本地运行没问题，部署到线上后，点击弹窗的确认和取消按钮弹窗不会关闭，目前还不知道原因。：在选择文件上传之前，需要进行一个提示，在点击确认之后，再弹出文件资源管理器。
2024-01-18 13:24:40
680
1
原创 通过雪碧图实现序列帧动画
在之前的文章中通过css3实现了序列帧动画，但是发现了几个问题：① 第一次进入时动画会剧烈闪烁；②在动画执行过程中有时也会出现闪烁。体验感不好。后面发现通过雪碧图实现动画不会出现上述问题。
2024-01-10 15:20:30
439
原创 ios手机退出页面再进入动效消失问题
ios手机退出页面，但是没有清除后台，再次进入页面，页面中的动效消失（有的手机会出现偶尔的闪动）。动效是使用css3的animation实现的。使用Document:visibilitychange 事件，当用户退出页面再次进入时会触发这个事件。虽然解决了问题，但是不清楚问题出现的原因。这种方法是目前我所能找到的解决方法。
2023-12-26 11:14:37
367
1
原创 Vue3实现图片上传预览以及拖拽
图片上传使用Ant Design Vue中的upload组件，预览使用Ant Design Vue中的Model组件，拖拽则使用vuedraggable。vuedraggable为基于Sortable.js的vue组件，用以实现拖拽功能。
2023-12-20 17:23:11
644
原创 动态改变序列帧动画的图片路径及对应div容器的className
例如，当图片路径为’…/imgs/G-Z-G/G-Z-G…‘时，对应的className为’dynamic-animation-G-Z-G’接上一篇文章内容，当对应的风向改变时，动效会改变，即动态改变bacground-image中的图片路径。
2023-12-11 14:45:49
396
1
原创 CSS结合序列帧实现动效
想要实现两个动画顺序循环播放，需要将第二个动画的animation-delay设置为第一个动画的animation-duration，即将第二个动画的延时时间设置为第一个动画的持续时间。想要实现空调出风效果，但是只有从左到右出风的序列帧图片，需要通过。这样就可以实现从左到右，从右到左循环出风效果。实现正序倒序循环播放，需要使用scss语法。
2023-12-08 13:45:29
458
原创 vue3调用后端接口下载pdf文件
暂时解决方法：安卓系统使用a标签下载，不走接口；ios系统需要调用接口进行下载，否则只是跳转页面，不会进行下载。vue3项目以文件流blob形式下载pdf。
2023-07-14 13:25:10
576
1
原创 使用axios从后端获取数据并赋值时遇到的问题
使用reactive定义了一个数组values，通过axios从后端获取数据并赋值给该数组，再通过onMounted钩子进行页面渲染。但是在我进入页面后却发现页面并没有被渲染。如果用ref定义数组，则可以直接赋值。原因：values经过被重新赋值后。
2023-07-14 11:15:19
285
原创 Bean的装配方式
一、基于XML的装配1、属性setter方法注入要求：Bean类必须提供一个无参构造器② 为需要注入的属性提供set方法1.1 Hello类public class Hello { private String str; public void setStr(String str) { this.str = str; } @Override public String toString() { return "Hel
2021-03-30 20:17:04
280
原创 p命名和c命名空间的注入
1、p命名空间的注入1.1 官方文档说明1.2 使用<bean id="user" class="com.huang.pojo.User" p:age="20" p:name="小明"/>1.3 测试@Test public void test1(){ ApplicationContext context = new ClassPathXmlApplicationContext("userbeans.xml"); User user = co
2021-03-28 16:13:59
197
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人