- 博客(12)
- 收藏
- 关注
原创 vant van-dialog组件超出van-popup不显示
最后发现在van-dialog这个元素上把overflow: visible;第二次遇到这问题了,查了好久,一开始以为是overflow:hidden导致的,试了没用。后面以为是z-index层级的问题。
2023-12-12 10:26:06
1217
原创 写商城项目的时候引用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><
2021-03-20 16:18:25
158
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人