javascript
关注
分享
扫一扫
文章平均质量分 66
wwf1225
前端
展开
-
js 拖动--动态改变div的宽高大小
/ 拖拽后物体的高。// 拖拽后物体的宽。// 获取拖拽前div的高。// 获取拖拽前div的宽。// 获取鼠标按下时光标x的值。// 获取鼠标按下时光标Y的值。// 拖拽前div的高。//拖拽前div的宽。原创 2023-02-27 10:43:12 · 3137 阅读 · 0 评论 -
js 正则限制只能输入一位小数
placeholder="请输入"原创 2022-11-17 10:11:28 · 2370 阅读 · 0 评论 -
前端回调函数
她必须先回到家以后，主函数执行完了，再执行传进去的函数，然后你就收到一条信息了。定义主函数的时候，我们让代码先去执行callback()回调函数，但输出结果却是后输出回调函数的内容。其实回调函数的作用有点类似于模块化，如果把每个回调函数类比成一个封装好的功能，通过给一个函数传入不同的回调函数，就可以实现不同的功能。函数就是一个参数，将这个函数作为参数传到另一个函数里面，当那个函数执行完之后，再执行传进去的这个函数。上面的代码中，我们先定义了主函数和回调函数，然后再去调用主函数，将回调函数传进去。转载 2022-11-10 10:24:27 · 360 阅读 · 0 评论 -
VXEtable/VXEgrid 表格sorttablejs实现行列表格拖拽功能
A：因为vxetable对锁定列固定列的做法是多复制一个实例，即两张表，进行的重叠效果。原文链接：https://blog.csdn.net/qq_38149488/article/details/125502964。版权声明：本文为CSDN博主「阿Ruey」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。总结：根据querySelector中的el进行拖拽，有固定列锁定列的情况下需使用tableKey来刷新表格。// 实现showTooltipMethod方法。转载 2022-11-07 17:06:59 · 3377 阅读 · 1 评论 -
带你搞懂js的深拷贝
浅拷贝只会发生在引用类型身上，对于引用类型如果之进行简单的赋值，只会赋值指向堆内存的指针，这种称为浅拷贝。这篇文章主要为大家介绍了js的深拷贝，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助。存放在堆内存中的对象，在栈内存中存的是一个指针，这个指针指向堆内存一个位置。那么我们在赋值引用类型的时候肯定不能出现浅拷贝的现象，对原数据产生影响了。可以深拷贝的数组和对象，但是不能拷贝函数，可以进行对象或者数组的嵌套拷贝。讲完存储的方式，我们来讲讲浅拷贝和深拷贝。3.手写递归深拷贝函数。转载 2022-10-19 11:26:26 · 188 阅读 · 0 评论 -
vue后台添加动态路由，递归过滤菜单
title'请求页面未找到',title'请求页面未找到',//Layout组件特殊处理。//遍历后台传来的路由字符串，转换为组件对象。原创 2022-07-22 10:47:12 · 1075 阅读 · 0 评论 -
map处理后台管理菜单数据,转换成树形层级结构数据
meta{title"启用/禁用（用户）",affixfalse,iconnull},meta{title"启用/禁用（角色）",affixfalse,iconnull},meta{title"显示/隐藏",affixfalse,iconnull},meta{title"数据采集",affixfalse,iconnull},原创 2022-07-21 19:17:52 · 755 阅读 · 0 评论 -
js 实现数字跳动
<!DOCTYPE html><head><title>js实现数字跳动到指定数字</title><style> h1 {font-size: 150px;text-align:center;} p {text-align:center;} button {font-size:40px;}</style></head><body><h1 id="n...原创 2022-04-02 11:43:20 · 1692 阅读 · 1 评论 -
js中常用方法总结
JS选取DOM元素的方法 js中常用方法总结_u010278162的博客-CSDN博客_js常用方法注意：原生JS选取DOM元素比使用jQuery类库选取要快很多1、通过ID选取元素document.getElementById('myid');2、通过CLASS选取元素document.getElementsByClassName('myclass')[0];3、通过标签选取元素document.getElementsByTagName('mydiv')[0];4、通过NAME属性选取元..转载 2022-03-08 11:06:30 · 1300 阅读 · 2 评论 -
js 常用方法
1.push 之前一定要清空，改变数组键值名字this.checkListPC = []this.checkboxList.forEach((it) => {this.checkListPC.push({nameA: it.display_flagpc,nameB: it.module_data_id,nameC: it.module_data_name,})})2.前端过滤搜索// 搜索search() {if (this.input === ''原创 2022-03-08 10:58:56 · 180 阅读 · 0 评论 -
vue 中使用jwt 生成token
安装jwt: "jsonwebtoken":"^8.5.1",getToken(){constjwt=require("jsonwebtoken");//引入jwt//constsecret="thisisaprivatekey";//指定一个用于生成token的密钥字符串constsecret="wwf";//指定一个用于生成token的密钥字符串consttok...原创 2021-09-18 09:45:04 · 2721 阅读 · 1 评论 -
js 动态改变窗口大小
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><titl...原创 2021-09-18 09:41:52 · 820 阅读 · 0 评论 -
js 拉动动态改变窗口大小
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><titl...原创 2021-09-11 11:29:08 · 546 阅读 · 0 评论 -
JS 拖拽窗口的实现
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0">&...原创 2021-09-11 11:26:28 · 443 阅读 · 0 评论 -
json转换成Excel文件导出（下载）工具
地址：http://www.yzcopen.com/doc/jsonexcel原创 2021-09-02 10:18:36 · 1286 阅读 · 0 评论 -
JS 监听是否在当前页 和 js 控制滚动条位置
//监听是否在当前页，并置为已读document.addEventListener("visibilitychange",()=>{if(!document.hidden){//处于当前页面window.location.reload();//刷新页面console.log("处于当前页面");}else{clearInterval(this.timer);...原创 2021-08-19 14:24:55 · 229 阅读 · 0 评论 -
几种常见的JS递归算法
几种常见的JS递归算法递归的概念就是函数自己调用自己本身，或者在自己函数调用的下级函数中调用自己。递归的步骤假设递归函数已经写好 寻找递推关系 将递推关系的结构转换为递归体 将临界条件加入到递归体中经典案例 1： 求和求 1-100 的和function sum(n) { if (n == 1) return 1 return sum(n - 1) + n}复制代码经典案例 2： 斐波拉契数列1,1,2,3,5,8,13,21,34,55,89...求第转载 2021-03-22 10:49:19 · 417 阅读 · 0 评论 -
彻底理解js中this的指向，不必硬背
https://www.cnblogs.com/pssp/p/5216085.html转载 2021-03-08 13:13:00 · 131 阅读 · 0 评论 -
对象转换组装数组 for in 循环
demo(){letlist=[];letobj={"保护带宽度（m）":"",建设单位:"上海华建",建设单位地址:"上海市徐汇区沪闵路9120号-b座503",方案名称:"测试方案1",标记高度:"599.0",设计单位:"华建CIM组",设计方案审批状态:"已报审未批","车站出入口占...原创 2021-01-06 10:25:36 · 423 阅读 · 0 评论 -
学习JavaScript这一篇就够了
https://blog.csdn.net/qq_38490457/article/details/109257751?utm_medium=distribute.pc_feed.none-task-blog-personrec_hot-18.nonecase&depth_1-utm_source=distribute.pc_feed.none-task-blog-personrec_hot-18.nonecase&request_id=5f94b72cdfc5717f9a811727.转载 2020-10-29 18:33:18 · 589 阅读 · 0 评论 -
animation 实现跑马灯上下或者左右滚动
// 左右滚动 对应结构span //.container_text{ // display: inline-block; // //padding-left: 100%; /* show the marquee just outside the paragraph */ // animation: marquee 18s linear infinite; // font-family: PingFang-SC-Medium; // font-size: 12px; .原创 2020-10-28 11:57:47 · 1075 阅读 · 0 评论 -
git tag的用法
git tag -a V1.2 -m 'release 1.2'git push origin --tagshttps://www.cnblogs.com/senlinyang/p/8527764.html转载 2020-10-26 18:03:42 · 94 阅读 · 0 评论 -
js浅拷贝与深拷贝的区别和实现方式
https://www.jianshu.com/p/1c142ec2ca45如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。1. 如果是基本数据类型，名字和值都会储存在栈内存中var a = 1;b = a; // 栈内存会开辟一个新的内存空间，此时b和a都是相互独立的b = 2;console.log(a); // 1当然，这也算不上深拷贝，因为深拷..转载 2020-10-22 21:20:44 · 172 阅读 · 0 评论 -
史上最简单JS复制功能,兼容安卓ios!
功能可以，样式有问题https://blog.csdn.net/qq_30949371/article/details/107333644最终版https://www.cnblogs.com/xixinhua/p/10823449.html史上最简单JS复制功能,兼容安卓ios!1.JS复制原理: 被复制内容的元素不能被其他元素遮盖,否则无效. (设置opacity透明为0,不可以设置display:none);2.常规的复制方法function copyUrl...转载 2020-10-16 17:07:53 · 737 阅读 · 0 评论 -
H5仿高德，百度地图首页伸缩面板，记录一下
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><!--<metaname="viewport"content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1">--><metaname="viewport"co...原创 2020-09-01 08:18:38 · 1425 阅读 · 0 评论 -
JS中对象按属性排序（冒泡排序）
原文地址https://www.cnblogs.com/it-Ren/p/10898947.html一路向北√越努力，越幸运。JS中对象按属性排序（冒泡排序）排序方法一、在实际工作经常会出现这样一个问题：后台返回一个数组中有i个json数据，需要我们根据json中某一项进行数组的排序。例如返回的数据结构大概是这样：{ result:[ {id:1,name:'中国银行'}, {id:3,name:'北京银行'}, {id:2...转载 2020-08-29 10:42:32 · 1290 阅读 · 0 评论 -
常见事件：
常见事件：1. 点击事件：1. onclick：单击事件2. ondblclick：双击事件2. 焦点事件1. onblur：失去焦点2. onfocus:元素获得焦点。3. 加载事件：1. onload：一张页面或一幅图像完成加载。4. 鼠标事件：1. onmousedown鼠标按钮被按下。2. onmouseup鼠标...原创 2020-07-06 17:49:07 · 149 阅读 · 0 评论 -
js求对象数组的交集/并集/差集/去重
js求对象数组的交集/并集/差集/去重求交集var arr1 = [{ name: 'name1', id: 1 }, { name: 'name2', id: 2 }, { name: 'name3', id: 3 }];var arr1Id = [1, 2, 3]var arr2 = [{ name: 'name1', id: 1 }, { name: 'name2', id: 2 }, { name: 'name3', id: 3 }, { name: 'name4', id:...转载 2020-06-29 11:33:37 · 4126 阅读 · 1 评论 -
js 去掉数组对象中的重复对象
https://www.cnblogs.com/gaoht/p/9850449.htmlfunctiondeteleObject(obj){varuniques=[];varstringify={};for(vari=0;i<obj.length;i++){varkeys=Object.keys(obj[i]);keys.sort(function(a,b){...转载 2020-06-29 11:03:36 · 1500 阅读 · 0 评论 -
js 循环遍历对象的几种方式
1.v-for循环：数组：item index对象：value key index{person:“小明 ”}2.对象方法获取key,value数组console.log(Object.keys(obj));console.log(Object.values(obj));3.for in循环对象Object.prototype.score = '97';let people = { name:'小红', age : 15, }for(let k...原创 2020-06-05 08:37:27 · 10795 阅读 · 0 评论 -
onmouseover和onmouseout鼠标移入移出切换图片的几种实现方法
https://www.cnblogs.com/eyed/p/7993590.html转载 2020-04-10 15:06:31 · 1376 阅读 · 0 评论 -
Math常用方法
Math.abs(x)函数返回指定数字 “x“ 的绝对值Math.abs('-1'); // 1Math.abs(-2); // 2Math.acos(-1); // 3.141592653589793Math.ceil()函数返回大于或等于一个给定数字的最小整数。console.log(Math.ceil(7.004));// expected outp...原创 2020-04-01 10:38:39 · 189 阅读 · 0 评论 -
js lastIndexOf方法 和flat方法
vararray=[2,5,2,9,7,6,5,9,2,7,8,2];index=array.lastIndexOf(2,5); // 输出 2 // 查找的是前5位中最后一个2的索引index=array.lastIndexOf(2, 8); // 输出 8//使用 Infinity，可展开任意深度的嵌套数组var arr= [1, 2,...原创 2020-03-31 17:28:02 · 202 阅读 · 0 评论 -
js 实现输出1000以内的完全数（完美数、完备数）
题目：求出1000以内的所有“完全数”并输出它们（若n的包括1但不包括n本身的所有因子之和等于n,则n为“完全数”。例如6=1+2+3,28=1+2+4+7+14）。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metan...原创 2020-03-28 10:31:05 · 4254 阅读 · 0 评论 -
jsPDF 导出html为pdf内容截断终极解决方案
https://www.jianshu.com/p/4061bdea2a3e转载 2020-03-27 10:06:22 · 3895 阅读 · 0 评论 -
jsPDF 导出html为pdf内容截断终极解决方案
https://www.jianshu.com/p/4061bdea2a3e转载 2020-03-27 09:00:38 · 2284 阅读 · 0 评论 -
img图片转换base64，解决前端导出不能导出图片的E跨域问题
getBase64Image: function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ...原创 2020-03-25 13:41:54 · 2983 阅读 · 0 评论 -
vue 项目调用jquery插件jquery.wordexport.js将HTML导出生成word文档
vue 项目调用jquery插件jquery.wordexport.js将HTML导出生成word文档1.利用vue-cli2.0创建一个vue项目：第一步：vue install -g vue-cli （全局安装，安装一次就行，下次创建项目可以直接执行第二步）安装完毕，用命令vue -V(注意大写)，输出vue版本，说明安装成功，下次就不用安装了第二部：vue init webpa...原创 2020-03-11 21:45:21 · 3182 阅读 · 8 评论 -
vue+axios 前端实现登录拦截（路由拦截、http拦截）
https://www.cnblogs.com/guoxianglei/p/7084506.htmlvue+axios 前端实现登录拦截（路由拦截、http拦截）一、路由拦截登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由，否则就进入登录页面。...转载 2020-01-09 10:17:13 · 227 阅读 · 0 评论