自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 vant van-dialog组件超出van-popup不显示

最后发现在van-dialog这个元素上把overflow: visible;第二次遇到这问题了,查了好久,一开始以为是overflow:hidden导致的,试了没用。后面以为是z-index层级的问题。

2023-12-12 10:26:06 1217

原创 vue3 + css动画实现元素翻转效果

css+vue3+js实现类似于百度翻译的切换语言,元素翻转的动画效果

2023-03-09 14:52:44 1007

原创 写商城项目的时候引用better-scroll的时候遇到的position:fixed样式不生效的问题

写商城项目的时候引用better-scroll的时候遇到的position:fixed样式不生效的问题中间的导航栏原本是用的position:fixed,用户一直滑动到某个位置,导航栏就会停留在顶部的效果,但是一旦引用了better-scroll滚动条,我的CSS样式就不生效了,于是我在首页这个组件最上面, 多复制了一份导航栏组件, 利用它来实现停留效果.当用户滚动到一定位置时, 上面的导航栏显示出来.当用户滚动没有达到一定位置时, 导航栏隐藏起来.让上面的导航栏和下面的导航栏点击后的位置一致

2021-05-31 09:16:22 367

原创 代码打印的时候一闪而过的问题

JS里的代码打印的时候一闪而过的问题刚开始我还以为是自己的代码写的有问题首先检查了引用的路径,没问题,然后去打印了alert,发现弹出框能正常打印,再去仔细看控制台,发现其实是有在打印的,只不过打印的时候一闪而过,可能就那么一秒,这时候我再去检查我的CSS代码,发现a标签里没有写占位符!当我把#占位符加上,就能正常打印了,看来写代码还是不能偷懒啊!...

2021-05-24 09:11:04 490

原创 组件访问(子组件访问父组件)

子组件访问父组件这里把new Vue看成根组件,也就是父组件,把cpn看成Vue的子组件,把ccpn看成cpn的子组件。所以Vue是cpn的父组件,是ccpn的根组件。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0

2021-05-17 10:09:33 134

原创 组件通信-子组件向父组件传递信息

字传父<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--

2021-05-10 09:12:01 112

原创 组件通信-父组件向子组件传递信息

组件通信父组件向子组件传递信息(父传子)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><bod

2021-05-06 09:26:04 157

原创 Vue生命周期

什么是vue生命周期?Vue实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。vue生命周期的作用是什么?它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。对vue生命周期的理解?总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后创建前/后:在beforeCreated阶段,vue实例的挂载元素el和数据对象data都为undefined,还未

2021-04-26 15:21:29 108

原创 canvas标签

canvas 是 HTML5 新增的标签,用来在网页上绘制图像。 英文原意画布应用canvas 可以应用在以下领域游戏https://supermarioemulator.com/mario.phphttps://heraclosgame.com/图表 (https://www.echartsjs.com/examples/zh/index.html)广告 banner (https://cloud.tencent.com/)图形处理https://pixlr.com

2021-04-17 16:36:07 534

原创 遇到代码不生效或者报错不要慌

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="

2021-04-12 09:42:50 2335

原创 移动端实现盒子拖拽

<div id="box"></div> *{margin: 0; padding: 0; } ul{list-style: none; } #box{width: 100px; height: 100px; background: #bfa; color: white; position: absolute; left:

2021-04-05 09:31:12 474

原创 VScode快捷键

总结了一些VScode敲代码时候的快捷键Ctrl+/添加注释Ctrl+f查找指定字符Alt+Shift+箭头向上或向下复制一整行代码标签名字+Tab自动生成完整的标签Ctrl+Enter光标移入下一行,不会改变代码内容ctrl + shift + L变量重命名按住Alt不放生成多个光标//div*3+Enter 创建三个内容空的div,效果如下: <div></div> <div>&lt

2021-03-20 16:18:25 158

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除