自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 记录网页唤起app成功后超时逻辑不应该执行问题

在点击唤起app时候添加一个页面监听,不过特别注意的是超时等待的时长,开始我设置为1500ms导致ios visibilitychange还没反应过来就执行了超时逻辑,改为2500后ios也变为正常,一直以为ios visibilitychange监听不生效呢,最后才发现这个问题。

2024-09-11 17:38:13 190

原创 elment ui table 实现跨页多选

首先需要在el-table标签中添加 :row-key="getRowKey"然后在选框列加上 :reserve-selection="true" 属性。

2024-08-22 15:22:03 291

原创 npm : 无法加载文件 D:\nodejs\npm.ps1

npm : 无法加载文件 D:\nodejs\npm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/终端输入Set-ExecutionPolicy -Scope CurrentUser命令给用户赋予权限。终端输入get-ExecutionPolicy查看一下权限,显示RemoteSigned就可以了。在终端输入get-ExecutionPolicy查看执行策略/权限;输出Restricted 受限。所在位置 行:1 字符: 1。

2024-08-12 18:30:43 1159 2

原创 关于遇到h5页面苹果手机高度适配问题

用vue this.boxheight = `calc(window.innerHeight}px - 0.688rem)`网上找了好几种方法,有进入时检测是否是苹果手机浏览器,多减去80px,兼容效果不太好,网页端模拟器就会出现空白。在苹果手机中,浏览器下方菜单也会算到屏幕中,导致calc(100vh - px)高度达不到想要的效果。用js的话需要获取 元素直接 设置style中的高度。

2024-08-12 16:01:20 498

原创 网站遇到悼念日需要改成哀悼日风格

哀悼日风格

2023-10-27 17:31:04 129

原创 使用element ui 对话框嵌套遮盖层错误问题

append-to-body,给子对话框加上这个属性,问题就解决了

2022-06-28 16:24:56 371

原创 关于this.$set 操作数组和对象(有关更新数组中的孩子数组页,页面视图不更新) , 及对象obj[name]的使用,知道一个数组内的对象属性

首先是操作对象 this.$set(obj,'name',value); 系统会先去寻找是否有这个属性,如果有则更新这属性,没有则新建该属性并将其值赋给它。操作数组的话就 this.$set(arr,index,value); index 下标, value值,可以为对象或者其他还有就是这个页面用到 obj[name] = obj.name【问题】这次主要用的是elment树形表格,并没有使用懒加载,添加父节点视图正常更新,但是添加子节点时候视图不更新,需要添加一个父节点进行刷新【解决】于是我每次添加或者删

2022-06-16 15:54:18 4288

原创 如何修改element-ui中折叠面板右侧的图标

今天遇到一个换图标的,找了好多人的博客都没清晰的解决我的问题,还是自己写一个吧第一步,先把右边的箭头给隐藏了 这个需要用到穿透 下面是css代码>>>.el-collapse-item__arrow{ display: none;}//下方两个是打开和关闭的图标.downArrow1{ display: inline-block; width: 13px; height: 16px; background-image: url(~@/assets/i..

2022-05-19 14:44:51 8826 4

原创 今天遇到侧边目录在内容下滑到一定高度后让其吸顶,变成固定定位,原理挺简单的,记录一下(在vue框架中实现)

这是页面元素,需要吸顶的目录,需要去加id,方便去获取到 <div :class="isfixed ? 'left-item menu2' : 'left-item'" id="menu"> 里面是目录内容 </div>data() { return { isfixed: false,//是否吸顶 判断是否吸顶,然后通过它去控制是否给目录加上menu2 这个类名 }; }, mounted() { window.a

2022-05-09 16:30:23 469

原创 有关使用js定时器后的this指向问题

Javascript定时器中的this指向 - 白雪_wind - 博客园 (cnblogs.com)https://www.cnblogs.com/443855539-wind/p/6480673.html就是参考这个博客得到解决 var self = this; setTimeout(function(){ self.ok() },3000);...

2022-05-06 10:41:26 102

原创 怎么才能使单选框的默认键盘事件不触发

想必大家都使用过elemet ui 的单选框吧,今天遇到了一个需求,写的主要是个考试系统,在切换题目时要用左右箭头,大家都知道单选框在点击选项时有默认键盘事件,就比如上下箭头和左右箭头会切换选中的答案,然后我写完直接就变成,按下右箭头,下一题,但是在切换题目之前会先去换掉刚才选中的答案,心态崩了啊,然后一顿百度,没找到,还是看看之前这个项目的函数是怎么写的吧,果不其然,被我找到了,真的很简单就是在注册全局键盘事件时不让它向上冒泡,就比如 document.onkeydown = function

2022-05-05 17:11:01 232

原创 vue 中父组件传值时使用.sync这个语法糖

有时候我们会发现公司中有这样的代码 <dialog :addUserName.sync="addUserName"></dialog>开始有点迷惑,因为以前没有接触到过这个语法糖还可以这样用,在使用写轮眼之后算是明白了使用方法<div class=""> <button type="default" @click="ok">子组件点击</button></div>props:{ addUserName:{ t

2022-04-28 10:17:47 347

原创 vue 封装组件及及具名插槽的使用(提示信息框)

<template><div class="motion1" v-if="dialogVisible"> <h1><slot name="title"></slot></h1> <slot></slot> <div class="btn"> <button @click="display"><slot name="btn"></slot&gt.

2022-04-24 19:12:42 222

原创 使用elment 自己封装提示弹窗,内容用插槽自定义

<template> <el-dialog title="试卷描述" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> <slot></slot> <span slot="footer" class="dialog-footer"> <el-button type="primary" @click="dis.

2022-04-22 18:44:45 303

原创 js的静态获取和动态获取

一、动态获取1、getElementById()2、getElementsByClassName() //返回伪数组3、getElementsByTagName()//返回伪数组4、getELementsByName() //返回伪数组二、静态获取1、querySelector():根据css选择器来获取对象,获取的是第一个满足条件的元素,返回一个节点对象2、querySelectorAll():根据css选择器来获取对象,获取的是所有满足条件的元素,返回一个伪数组...

2021-11-04 19:31:37 1548

原创 外部引入js代码如何等待文件加载完成再去执行

window.addEventListener('load', function() { //此处写js代码 })// load 等页面内容全部加载完毕,包含页面dom元素 图片 flash css 等等,然后再去执行这个函数中的代码二、DOMContentLoaded 是DOM 加载完毕,不包含图片 falsh css 等就可以执行 加载速度比 load更快一些document.addEventListener('DOMCont...

2021-10-26 19:39:23 2478

原创 From表单

一、输入框的属性1.输入框<input type=“XXX”>type: text 文本框 字符 password 密码框 字符小圆圈 radio单选框用户勾选的 checkbox复选框用户勾选的其他属性: disabled禁用的 minlength最小长度 maxlength最大长度2.文本域<textareastyl...

2021-09-24 20:22:37 93

原创 有关定位(position)遇到的问题

一、常用的定位position: relative; //相对定位,通常用到父盒子上,

2021-09-22 19:03:13 436

原创 鼠标移入操作兄弟元素

定义两个盒子,class =“in”,class=“out”,当我鼠标移入in 时操作显示out.in:hover+.out{ //这个是必须要相邻的兄弟元素display:block;}还有一个.in:hover~.out{ //这个是选中in下面的兄弟元素,可以不相邻,但只选择第一个类名字为out的display:block;}一个小案例(可以看下效果)<!D...

2021-09-22 16:53:54 669

原创 关于浮动导致的高度塌陷问题的解决方法

浮动float特性: 1.浮动元素会脱离标准流不占据界面位置形成了层次压盖底下的标准流元素2.浮动脱离标准流但是不脱离文本流(文本环绕浮动元素放置!!)3.浮动元素遇见浮动元素立即停止 4. 浮动从上往下影响 由于第一个特性,导致了高度塌陷,会使添加在浮动下方的盒子被浮动的元素覆盖。解决方法:(1)给父盒子加高度(不好用)...

2021-09-18 14:18:22 297

原创 外边距塌陷,合并(垂直方向)

一、父子嵌套塌陷现象:在父盒子中移动子盒子,上边距移动不生效原因:浏览器分不清楚外边距属于自己盒子之内还是之外解决方法:1、内外分割线 给父盒子加一个边框。2、给父盒子加一个内边框。3.BFC规则 overflow:hidden 触法独立的BFC盒子形成,overflow的其他属性也可以。...

2021-09-17 21:53:40 89

原创 设置字体格式

css相关样式:text-indent: n em; //n代表的是你要缩进多少个字,当然把em换成px可以缩进多少个像素;text-align: left(左对齐), right(右),center (居中),justify(两端对齐);line-height: 30px; //设置行高;font-wight:400;//400是默认大小,通过调节这个值去设置字体大小text-decoration: none //默认不加线 ...

2021-09-17 18:54:27 220

原创 2021-09-15 有关表格学习中需要注意的点

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言表格目前主要用于网页后台一些页面的数据展示与处理,例如商城的订单管理和商品管理等等。一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as np import

2021-09-15 21:27:31 140

原创 javascript 事件

前言初学js笔记一、获取HTML元素varele1=document.querySelector('css选择器');//返回来的是满足条件的第一个元素!!!ele1获取回来的那个document.querySelectorAll('css选择器')//返回来就是满足条件的所有元素,获取回来的是一个数组。二、js触发事件js修改外部的类样式1.事件鼠标点击onclick鼠标移入onmouseover鼠标移出onmouseout鼠...

2021-09-14 09:58:48 79

原创 animation动画过渡

前言一个简单的小案例,网页旋转六边形的图片墙一、animationanimation 参数一 参数二参数三参数四参数五 参数六参数一:需要绑定的动画名称参数二:完成动画所需要的时间参数三:动画的速度 linear: 匀速运动 ;ease :默认值,先慢再快;ease—in:以高速开始,逐渐减慢;ease-out:低速开始,逐渐加快。参数四:动画开始前需要等待的时间。参数五:动画循环的次数。 infinite:无限...

2021-09-10 21:54:17 540

原创 PHP的抽象类和接口

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档前言本章主要是学习了PHP语言后学到的知识,后面有一个有关继承抽象类和实现接口的小案例。一、抽象类关键字:abstract1.类中只要有一个方法声明为abstract抽象方法,那么这个类就必须声明为抽象类;2. 抽象方法只允许有方法声明与参数列表,不允许有方法体;3.抽象类不能实例化,可以通过继承来实例化;4.继承该抽象类的子类,必须要将所有抽象方法全部实现;5.子类方法参数必须与抽象类方法参数完

2021-09-09 20:02:57 236

空空如也

空空如也

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

TA关注的人

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