![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
沉默是金~
这个作者很懒,什么都没留下…
展开
-
js 对象转数组 数组转对象
方法是一个静态方法,它返回一个给定对象自身可枚举属性(不包括继承属性)的键值对数组。该数组中每个元素都是一个具有两个元素的数组,第一个元素表示属性的名称,第二个元素表示属性的值。是 JavaScript 中的两个方法,它们都用于处理对象中的键值对。这两个方法可以互相配合使用,例如对一个对象进行修改之后再将其转换回对象。方法是一个静态方法,它接受一个包含键值对的可迭代对象,然后将这些键值对转换为一个新的对象。方法,将其转换为一个包含键值对的数组。,我们将这些键值对转换为一个新的对象。原创 2023-12-29 19:38:54 · 447 阅读 · 0 评论 -
window.open 打开后全屏
【代码】window.open 打开后全屏。原创 2023-11-16 10:52:31 · 987 阅读 · 0 评论 -
vue+JS 实现鼠标区域左右拖动
index.vue<template> <div style="width:100%;height:100%;overflow:hidden;"> <!-- 左右布局 --> <div v-if="layoutType === 'L_R'" style="width:100%;height:100%;overflow:hidden;display:flex;flex-direction:row"> <div cla原创 2022-04-07 19:30:40 · 818 阅读 · 0 评论 -
JS 后台返回的文件地址前端通过a标签直接下载
a标签下载文件原创 2023-09-01 11:08:32 · 98 阅读 · 0 评论 -
JS 解决鼠标悬浮显示弹窗 迅速离开时弹窗显示到其他位置的延迟问题
拿到要判断的div元素 获取offsetLeft(鼠标距离div左侧位置)offsetTop (鼠标距离div上侧位置)解决该问题的思路就是,判断当前鼠标的位置是否在某个div上,如果在这个div上则取消显示悬浮弹窗消息。offsetLeft+offsetWidth 表示整个div的宽度。offsetTop+offsetHeight 表示整个div的高度。判断是否在div里面进行相应的将弹窗元素隐藏即可。鼠标移动时判断是否在div里面进行移动了。client Y表示鼠标Y的位置。首先监听鼠标的移动事件。原创 2023-08-11 17:03:24 · 1226 阅读 · 0 评论 -
JS dom元素和鼠标位置之间的一系列属性快速参考
offsetParent 获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。offsetWidth 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。网页可见区域宽: document.body.offsetWidth (包括边线的宽)原创 2023-08-11 15:47:12 · 678 阅读 · 0 评论 -
Vue2嵌入HTML页面空白、互相传参、延迟加载等问题解决方案
html页面同样也要根据传递过来不同的参数 去调整自己的逻辑,首先知道html是如何接收到vue传来的消息的,window监听message即可接收postMessage发送来的消息。通过window.parent['vue里面绑定的名称'](需要传递的参数) 可以定义一个对象来传参 这种方法就可以调用到vue里面的方法啦!html页面接收时是通过message统一接收的,针对发送多个消息的情况下, 我们这里做下区分,将html页面通过iframe的方式嵌入进来之后,发现页面是空白的,不显示任何元素,原创 2023-08-10 13:51:15 · 4053 阅读 · 0 评论 -
JS 自定义的悬浮窗被浏览器遮挡问题解决方案
遮挡问题解决思路,首先拿到外层的DOM元素div的宽高,然后根据鼠标悬浮事件的元素e e.clientX表距离页面窗口宽的位置 e.clientY代表距离页面窗口高的位置。如果clientHeight - e.clientY < 200 则让当前悬浮元素的top位置往上加200px 这样就不会被遮挡。同理 clientWdith - e.clientX < 200 则让当前悬浮元素的left位置往左减200px 就不会被遮挡。然后设置这个悬浮窗为200px。那个这个div的宽高。原创 2023-07-20 10:30:08 · 419 阅读 · 0 评论 -
JS input框主动失去焦点事件
失去焦点document.getElementById('equip').blur()获取焦点document.getElementById('equip').foucus()原创 2023-06-19 11:35:07 · 1098 阅读 · 0 评论 -
Echarts 快速使用案例
【代码】Echarts 快速使用案例。原创 2023-04-27 13:08:47 · 118 阅读 · 0 评论 -
JS 实现元素的缩放、拖拽功能
e.wheelDelta 是否大于0还是小于0 然后对元素的width height 分别设置10%拖拽 鼠标当前位置 和鼠标拖拽的位置差值 设置。scrollLeft就是元素拖拽的位置。原创 2023-04-26 09:19:10 · 1129 阅读 · 0 评论 -
JS+canvas 鼠标拖动元素和鼠标滚轮缩放
【代码】JS 鼠标拖动元素。原创 2023-04-23 11:22:38 · 487 阅读 · 0 评论 -
JS 监听键盘左右箭头按键 并解决会重复触发问题
【代码】JS 监听键盘左右箭头按键。原创 2023-04-19 15:19:27 · 711 阅读 · 0 评论 -
Echarts多维柱状图测试用例
【代码】Echarts多维柱状图测试用例。原创 2023-04-14 18:41:35 · 359 阅读 · 0 评论 -
vue + echarts 动态添加HTML元素
【代码】vue + echarts 动态添加HTML元素。原创 2023-04-14 18:38:09 · 809 阅读 · 0 评论 -
Echarts 报错Initialize failed: invalid dom.多个原因解析
第一种普遍原因是dom元素没有加载完就调用了echarts.init 但是dom元素没有获取到。this.$next(()=>{ // 微任务。//todo 放着里面 //宏任务。利用事件循环机制 微任务宏任务。是dom元素直接清空了。原创 2023-04-14 18:35:37 · 1646 阅读 · 0 评论 -
JS 监听浏览器全屏
【代码】JS 监听浏览器全屏。原创 2023-03-29 09:49:02 · 1110 阅读 · 0 评论 -
原生js css 实现鼠标滑过(点击)展示下拉菜单 完整版
JS (做的监听 这个只是用来计算的 按照你们的方式实现就行)// 将小li的ul显示。原创 2023-03-28 18:07:18 · 1148 阅读 · 0 评论 -
原生js 动态添加表格模块(组块) 各个表格模块实现异步加载,不影响其他表格块的操作效果
表格块的loading。原创 2023-03-28 16:32:47 · 56 阅读 · 0 评论 -
JS 字符串不足10位自动前补零和后补零
【代码】JS 字符串不足10位自动前补零和后补零。原创 2022-11-03 10:20:53 · 3095 阅读 · 0 评论 -
JS 双击事件绑定和取消事件绑定
代码】JS 双击事件绑定和取消事件绑定。原创 2022-08-08 17:46:50 · 797 阅读 · 2 评论 -
监听浏览器刷新操作
代码】监听浏览器刷新操作。原创 2022-07-28 16:30:40 · 687 阅读 · 0 评论 -
window.open 全屏展示
代码】window.open全屏展示。原创 2022-07-28 16:25:06 · 1361 阅读 · 1 评论 -
js call和apply
a.call和apply方法详解call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。apply方法: 语法:app...转载 2022-01-08 15:29:45 · 345 阅读 · 0 评论 -
ztree 修改自定义图标标题两种方式
1、最简洁方式edit添加removeTitle: '删除',renameTitle: '修改' treeSetting = { data: { simpleData: { enable: true, idKey: 'docTemplateId', pIdKey: 'pid', rootPId: 0 }, key: { name: 'templateName'原创 2021-12-29 14:22:47 · 1450 阅读 · 0 评论 -
JS 编辑器动态添加select 鼠标划过显示下拉列表
核心知识点: 鼠标事件:onmousemove 鼠标移上 onmouseleave 鼠标移开(注意区别开onmouseover和 onmouserout以及onmouseenter)const spanIdelememt: any = []for (var i = 0; i < spanElement.length; i++) { if (spanElement[i].getAttribute('data-mce-id')) { spanIdele...原创 2021-12-13 18:36:45 · 1452 阅读 · 0 评论 -
js+es6 判断某个元素是否存在一个数组中
jquery的inArray方法:$.inArray('5',['1','5','7']) 如果> -1 则表示存在es6的includes方法:arr = [1,2,3,4,5]arr.includes(5) 返回true 则表示存在es5的indexOf方法: >-1 则存在 返回元素所在位置原创 2021-11-29 10:58:25 · 3704 阅读 · 0 评论 -
JS 给某个DOM元素添加鼠标点击事件
1 获取DOM元素const domele = dom.getBody().querySelectorAll(dataMceClass)2 遍历你想要添加点击事件的元素for (var j = 0; j < ss.length; j++) { if (ss[j].attributes[0]?.value === 'finding' || ss[j].attributes[0]?.value === 'conclusion') { ss[j].onmousedown = (e.原创 2021-11-23 22:36:53 · 2806 阅读 · 0 评论 -
Jquery对象转成原生DOM对象
1、Jquery转成原生对象let j1 = $('#id');let dom1 = j1[0];let dom2 = j1.get(1);2、原生对象转Jquery对象let dom1 = document.querySelector('#dom1') let $p1 = $(dom1)原创 2021-11-08 15:44:09 · 592 阅读 · 0 评论 -
JS 切换页面添加监听
需求分析:倒计时时间实时监听 刷新window.addEventListener('visibilitychange',()=>{ if(!document.hidden){ this.gettenderstatus(); // 获取最新标示位此处执行调用你想监听实时刷新的方法 }})原创 2021-04-17 14:37:29 · 865 阅读 · 0 评论 -
JS 递归调用实例及返回undefined问题解决
1、业务需求要求返回数组 如果有parent 则继续往下遍历数组查找id 直到没有父节点2、代码实现递归调用forOrgDatas函数查找是否有parent 有则push到数组中3、返回值undefined问题,是因为最外层没有return 这个值 在函数最外层return下即可...原创 2020-12-24 17:52:12 · 1650 阅读 · 2 评论 -
H5 输入框或者文本域虚拟键盘弹起时 自动弹起
if (/Android/gi.test(navigator.userAgent)) { window.addEventListener('resize', function() { if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') { window.se...原创 2020-06-22 17:02:53 · 1407 阅读 · 0 评论