- 博客(38)
- 收藏
- 关注
RSS订阅原创 轮播图 动态效果
但是最后一个class6没有设置距离顶部的高度，因此他会直接从margin-top:0 到class5距离顶部的距离，看起来会很突兀，因此class6需要一开始设置和class5相同的高度进来动画效果就会很连贯，同理，轮播图向左边移动的时候需要给class-1 设置与class0相同的高度，接着 在每一个class切换的时候加上样式。使用swiper 轮播图,每页轮播图展示6个圆圈，分别给每一个小圆圈设置一个距离顶部的距离，也就是给每个小圆圈一个类名 class0~class5，这里是便于后面移动。
2025-01-21 10:18:45
411
原创 vue3 鼠标移入高亮效果
鼠标移入，icon有一个向右移动的效果看，元素背景颜色变成红色，元素的位置向上移动并且周围有闪烁的渐变阴影，鼠标移出阴影消失回到图一的位置。
2025-01-20 14:24:09
200
原创 Vue3轮播图左右联动
通过视频可以看出，鼠标高亮部分 紫色背景没有被其他的图片所盖住，而是展示在了上面的位置，因此，给每一个列表都单独添加一个div盒子来写紫色高亮部分，使用绝对定位来决定盒子的位置，在通过z-index 来控制盒子里面的内容层级关系，通过index属性来进行判断是否紫色盒子是否展示的问题。左右两边的联动：左边的轮播图和右边的小的列表他们的列表组成结构是一样的，都是一样的数组，这样才能够在右边鼠标移入的时候获取到下标与左边的下标相对应 找到对应的元素。选择vue中使用swiper。可以在swiper 官网。
2025-01-20 10:30:29
624
原创 路由缓存问题
beforeRouteUpdate 钩子函数可以在每次路由更新之前执行，在。比起销毁再创建，复用则显然能够更加高效，不够，这也意味着。强制重新渲染 但是可能会导致 接口重复发送导致浪费的问题。时，相同的组件实例将被重复使用，因为两个路由都渲染。方法一：给router-view 添加key属性。beforeRouteUpdate导航钩子。回调中执行需要数据更新的业务逻辑。在需要监听到路由变化的页面。
2024-12-25 16:10:19
203
原创 富文本保存的html格式文件问题
去查看html的代码解析，会发现是有这一行的内容的<p></p>只不过里面没有内容 没有办法撑大的高度。给元素中的p标签添加最小高度，原本页面中默认的p标签的最小高度也是20px。在页面中可以在v-html绑定的地方，给元素添加class。如果直接从其他地方copy过来，放入富文本中保存。这样就解决了p 标签里面没有内容，还是会展示出来。原本在富文本中多余的空白行，会自动消失掉。
2024-12-25 11:03:32
269
原创 页面HTML删除标签， 
/去除所有html标签<></>.去除所有换行符。大家可以参考这个的博主：删除页面中所有的。大家可以参考上面的博主：删除所有的标签。
2023-06-02 10:32:35
343
原创 TypeError: Cannot read properties of undefined (reading ‘then‘)
TypeError: Cannot read properties of undefined (reading ‘then‘)
2022-07-25 11:04:40
13372
2
原创 Error in v-on handler: “ReferenceError: isShow is not defined“
Error in v-on handler: "ReferenceError: isShow is not defined"
2022-07-11 11:17:12
4040
原创 RangeError: Maximum call stack size exceeded
RangeError: Maximum call stack size exceeded
2022-07-09 11:25:39
1326
1
原创 Do not use built-in or reserved HTML elements as component id: data
Do not use built-in or reserved HTML elements as component id: data
2022-07-04 14:57:35
1042
原创 js简易轮播图（一）
<img src="./imgs/01.jpg" alt=""> <script> // 定义一个数组用来存储图片的信息 var imgList = ['./imgs/01.jpg', './imgs/02.jpg', './imgs/03.jpg'] // 定义一个变量用来表示当前是第几张 var index = 0 var img = document.querySelector('img'.
2022-05-14 16:29:54
104
原创 递归函数的奥秘
文章目录一、递归函数是什么 简介的来说就是函数内部调用自己二、递归函数需要返回值吗？ <script> function fn(){ fn() } fn() </script>执行顺序如下：程序会不断的进行循环，从而会产生一种现象：死递归，在浏览器运行会报错：01.html:12 Uncaught RangeError: Maximum call stack size ...
2022-05-11 10:21:56
245
原创 var str = ‘?a=1&b=2&c=3&dd=12312&kk=1‘如何转换成一个对象
var str = '?a=1&b=2&c=3&dd=12312&kk=1' // var str=str.slice(0,1)裁剪后将会只得到？ //去除第一个？从下标为1开始计算，一直往后 var str=str.slice(1) console.log(str) //把字符串变成数组按照&拆分 var s...
2022-05-08 23:03:50
704
原创 js中对象与数组的比较
js中对象与数组的比较文章目录系列文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言对象与数组之间存在一些联系也有一些区别，同时对象与数组也是js中的重点内容需要我们认真的去学习。一、对象与数组的含义相同点：对象与数组是js中的一种数据类型，是一种复杂的数据类型不同点：对象是用来存在多组键值对结构数据 数组是一个有序的数据集合，有序是体现在下标上，数组每存储...
2022-05-06 09:54:05
2748
原创 img与div如何在一行显示
img与div如何在一行显示一、相关知识介绍 1、img 行内块元素2、div块级元素 3、浮动二、实现方法 三、为什么要给img与div都给float总结
2022-04-02 23:51:01
8000
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人