自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 VUE 导出

这里有一个坑点就是xlsx导入到js文件的时候要把xlsx插件里面的所有全部导入。在utils里面建一个Export2Excel.js。首先 先下载xlsx 和 file-saver。在vue文件中使用先引入。

2024-07-19 14:11:59 117

原创 rem适配PC

有坑是不能写行内样式,rem会自动转换css里面的px单位转成rem。第二步在utils文件夹下创建rem.js。第四步在vue.config.js里面引入。第三步 main.js引入。

2024-07-11 15:04:21 109

原创 element中的el-tree添加纵向滚动条方法

element组件库中有一个隐藏组件 el-scrollbar。

2024-07-05 17:20:00 175

原创 全屏模式下el-dialog的遮罩层bug问题

全屏模式下el-dialog的遮罩层bug问题。

2024-05-14 11:26:39 241

原创 vue2使用simple-keyboard软键盘有中文(拼音)

第一个值是软键盘点击事件绑定输入框的key 第二个是将输入框原有的值传进去给组件。返回的是一个对象{value:'',key:''}主文件也就是index.vue(直接复制就可以)在main.js里面全局引入就不用每次都引入了。第二个是软键盘的点击键盘事件将值返回给输入框。第一个输入框获取焦点事件打开软键盘。在components里面创建。再封装成一个便捷组件。

2024-04-15 11:52:59 773 8

原创 vue2使用全屏插件全屏后无法使用message

主要原因是全屏之后message是在body下的,而组件全屏之后是不在body中。在components中新建一个文件夹messageBox。在你需要使用message的文件中引入组件。解决方法是自己封装一个message。

2024-03-22 14:49:54 386 1

原创 el-table 使用sortable排序后如何获取排序后数据

直接可以获取排序后的数据。

2024-02-21 14:28:40 690

原创 el-table使用了expand折叠以及fixed固定栏出现的问题

首先出现的问题就是原先只有一条滚动条的表格,现在断裂成了两条。

2023-12-07 16:43:38 554 1

原创 阿里云图片批量上传

在开发过程中阿里云存储图片如何批量下载

2023-10-16 16:51:52 153 1

原创 splice和slice的区别

splice是改变原数组的数组方法 splice是删除起始值到结束值的值,并且返回值就是删除的数据产生的新数组,结束值是开区间,会影响原数组。slice是返回一个新的数组 slice的返回值是从起始值到结束值产生的一个新数组,结束值是一个开区间,不会影响原数组。

2023-08-11 15:29:30 105 1

原创 【无标题】

s('div').hasclass("protected") 检查当前的元素是否含有某个特定的类,如果有,则返回true。s("ul").children("li") 相当于 $(”u1>li"),最近一级 (亲儿子)0 $(".first").siblings("1i");$(".first").nextAll() 查找当前元索之后所有的同辈元索。$(".last").prevAl1() 吉找当前元系之前所有的同辈元系。

2023-08-11 15:07:28 47 1

原创 轮播图制作JS代码

JS实现轮播图效果代码分析和思路

2023-02-05 14:02:11 70

原创 小圆圈的排他思想

小圆圈的排他思想

2023-02-03 15:26:56 41

原创 动画函数封装

5.注意此元素需要添加定位,才能使用element.style.left。:通过定时器setInterval()不断移动盒子位置。让元素运动速度有所变化,最常见的是让速度慢慢停下来。2.让盒子在当前位置加上1个移动距离。3.利用定时器不断重复这个操作。4.加一个结束定时器的条件。1.获得盒子当前位置。

2023-02-03 15:25:03 44

原创 难度提升 第五天

来定位鼠标位置的时候,则只有当鼠标是从外部进入dom元素时,鼠标的位置才会被捕捉到,如果鼠标在dom元素内部移动,鼠标位置的定位仍然是首次进入dom元素时的定位,不会改变。翻译过来就是滚动的,我们使用 scroll 系列的相关属性可以动态的得到该元索的大小、滚动距离等。element.scrollHeight 返回自身实际的高度,不含边框,返回数值不带单位。element.scrollWidth 返回自身实际的宽度,不含边框,返回数值不带单位。返回自身实际的宽度,不含边框,返回数值不带单位。

2023-02-02 17:11:00 125

原创 仿淘宝固定侧边栏

仿淘宝固定侧边栏

2023-02-02 17:03:12 55

原创 JS页面被卷去的头部兼容性解决方案

页面被卷去的头部兼容性解决方案

2023-02-02 16:58:52 113

原创 flexible分析

JS一些代码的作用

2023-02-02 15:51:05 51

原创 Web Apl第四天

setTimeout() 延时时间到了,就去调用这个回调函数,只调用一次,就结束了这个定时器。键盘按键被按下时触发 但是它不能识别功能键 比如 Ctrl shift 箭头等。setInterval() 重复调用一个函数,每隔这个时间,就去调用一次回调函数。用法:window.setTimeout(调用函数,[延迟的毫秒数])3、定时器,包括setInterval、setTimeout等。通过keyCode返回的ASCLL值判断用户按下了哪个键。是调整窗口大小加载事件,当触发时调用的处理函数。

2023-02-02 15:29:17 49

原创 JS完成仿京东放大镜效果

仿京东放大镜效果

2023-02-02 15:21:55 81

原创 JS里的Web Apl 第二天

可返回某节点的父节点,是最近的一个父节点,如果指定的节点没有父节点则返回null。firstElementChild 返回第一个子元素节点,找不到返回null。如果自定义属性里面有多个-链接的单词,我们获取的时候采取 驼峰命名法。childNodes 所有的子节点 包含 元素节点 文本节点等等。lastElementChild 返回最后一个子元素节点。我们想要页面添加一个新的元素:1.创建元素 2.添加元素。1.element.属性 = '值' 设置内置属性值。('属性','值');1.获取元素的属性值。

2022-10-12 21:05:51 209

原创 JS里的Web Apl 第一天

get 获得 element 元素 by 通过 驼峰命名法。打印我们返回的元素对象 更好吃查看里面的属性和方法。获取某个元素(父元素)内部所有指定标签名的子元素。如果页面中只有一个LI 返回的还是伪数组的形式。表单里面的值 文字内容是通过value来修改。方法可以返回带有指定标签名的对象的集合。根据指定选择器返回 所有元素对象集合。返回指定选择器的第一个元素对象。是如果某个表单被禁用 不能再点击。element是对象的意思。父元素必须是指定的单个元素。根据类名返回元素对象集合。以伪数组的形式存储的。

2022-10-12 21:03:36 70

原创 JS数组的一些小总结

charCodeAt(index) 返回相应索引号的字符ASCII值 目的:判断用户按下了哪个键。substr(start=截取的起始位置,lenth=截取几个字符)console.log(Array.isArray(参数));在我们数组的末尾 添加一个或者多个数组元素。('被替换的字符','替换为的字符')他可以删除一个数组的最后一个元素。lastIndexOf(数组元素)sort 对数组的元素进行排序。它可以删除数组的第一元素。找不到该数组元素返回-1。返回该数组元素的索引号。

2022-09-17 11:56:46 57

原创 JS基础一些最基础的东西

/120 去掉px单位。除了‘’ , 0 , NaN ,null ,undefined 输出是FALSE。toString() 用法:变量.toString()null 空值 和数字相加 例:null+1结果是1。String() 用法:String((变量))例:console.log(num + '')字符串字面量:'黑马程序员','大前端'prompt取过来的值是字符型的。布尔型的输出结果是深蓝色的字体。数字型的输出结果是蓝色的字体。...

2022-08-14 14:09:54 112

空空如也

空空如也

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

TA关注的人

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