![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
mySunshine921
If you bloom, the butterfly will come
展开
-
数组含有空位元素判断
【代码】数组含有空位元素判断。原创 2022-12-21 19:34:38 · 78 阅读 · 0 评论 -
计算数组对象中某个数值的和
数组原创 2022-11-15 11:07:19 · 172 阅读 · 0 评论 -
接口请求传参body里面是个字符串
接口传参原创 2022-10-31 19:06:02 · 565 阅读 · 0 评论 -
vue中的依赖升级
npm原创 2022-07-04 15:00:14 · 1028 阅读 · 0 评论 -
el-table跨表格实现单选、全选
场景:一个页面多个表格,实现跨表格单选多选实现多选:问题是取消多选的时候数据清空就无法将对应取消的数据给清除掉,然后这里需要给select-all事件增加自定义参数问题二:切换表格选中会把之前的选的清空,在这里借助store来存一下值......原创 2022-06-17 16:57:56 · 2512 阅读 · 0 评论 -
el-table拖拽排序
拖拽排序拖拽后设置row-key,这里暂时用的id,id是他们的唯一标识,不能用index,index是会变的//安装组件cnpm install sortablejs --save//页面中引入import Sortable from "sortablejs";// 行拖拽 rowDrop() { this.$nextTick(() => { this.sortable1 = Sortable.create(原创 2022-05-24 14:48:25 · 2189 阅读 · 2 评论 -
el-table多选数据回显
el-table多选数据回显,每次做老是忘,记录一下,支持切换分页多选功能,以及数据回显1.重写表格多选与全选(因为表格自带的切换分页会清空)2.父组件传过来的选中的数据3.重组一下数据,返回的与采购单位列表字段不一致4.表格数据回显方法设置范围弹窗<template> <div> <!--设置范围--> <el-dialog title="设置范围" :visible.sync="setDialog原创 2022-03-30 11:22:04 · 6433 阅读 · 0 评论 -
vue接口返回数据页面没有重新渲染
页面初始值models为空对象,接口返回赋值后,页面没有重新渲染解决两种方式:一:this.$set(obj, key, value)this.$set(this.models,item.propcode,item.propvalue)这种方法试了下,输入框的值回显了,但是上传的文件没有二:Object.assign(target, sources)this.models=Object.assign({}, this.models)这种的上传文件也是不显示三:还是用的老方法,声明一.原创 2021-12-15 17:18:28 · 2280 阅读 · 0 评论 -
vue导出excel
后端接口返回文档流,无法直接下载原创 2021-11-12 10:38:19 · 487 阅读 · 0 评论 -
vue路由
问题:跳转页面,路由不变,参数变化,页面created方法不触发解决:监听路由变化,参数变了也触发原创 2021-09-21 15:53:41 · 51 阅读 · 0 评论 -
cryptoJs使用
1.cryptoJs加解密import cryptoJs from "crypto-js";let keyOne = '秘钥自己写一个'const iv = cryptoJs.enc.Utf8.parse('ABCDEF1234123412'); //十六位十六进制数作为密钥偏移量export default{// 加密函數 jiami (word) { let key = cryptoJs.enc.Utf8.parse(keyOne) let enc = '' i原创 2021-07-14 17:22:15 · 1667 阅读 · 0 评论 -
js处理对象
接口返回数据是这样的实际页面展示的样式可能表格在上面,基本信息在下面,需要处理一下数据sortObj(){ //对象转换成数组 let arr = []; let obj=this.billData; for (var i in obj) { arr.push([obj[i],i]); }; //交换位置 a原创 2021-07-10 15:09:59 · 279 阅读 · 0 评论 -
offsetParent is not set报错
问题描述:tab切换,使用上传文件pdf预览的时候,出现报错,解决方法:因为这里的tab切换,pdf组件有个显示隐藏的过程,所以出现这个错误,用v-if控制,tab切换到这一项的时候重新渲染。原创 2021-06-29 17:23:00 · 2139 阅读 · 0 评论 -
校验规则reg
if (/\d/.test(sValue)) modes++; //数字 if (/[A-Za-z]+/.test(sValue)) modes++; //小写或者大写 if (/[A-Z]/.test(sValue)) modes++; //大写 if (/[a-z]/.test(sValue)) modes++; //大写 if(/\W/.test(sValue)) modes++; //特殊字符 let res=new RegExp("^(?=....原创 2021-06-24 18:50:29 · 310 阅读 · 0 评论 -
js手机号中间几位用*代替
let str1 = "手机号"; let reg = /^(\d{3})\d*(\d{4})$/; this.contactphone = str1.replace(reg,'$1****$2');原创 2021-05-14 09:59:58 · 317 阅读 · 0 评论 -
async的应用
因为this的指向,用的箭头函数,用function是不可以的用await,当前函数外面加async原创 2021-05-07 08:46:20 · 74 阅读 · 0 评论 -
原生js选择器
//获取第一个domlet cell=document.getElementsByClassName('current-cell')[0];//获取第一个子元素let child= cell.firstChildlet child= cell.children[0]//获取子元素的子元素的节点名称let child= cell.firstChild.firstChild.nodeName; //SPAN注:firstChild 获取的子元素包括换行和空格,firstElementChil原创 2021-05-06 10:26:49 · 919 阅读 · 0 评论 -
vue单独给父页面添加样式
1.需求:在当前子页面父页面样式是不带阴影的,跳转到其他页面,父页面还原,带有阴影解决思路:在当前子页面找到父页面的dom元素,设置样式,在desteoyed周期还原,不影响其他页面原创 2021-04-27 09:32:27 · 798 阅读 · 0 评论 -
vue路由守卫
router.beforeEach((to,from,next)=>{ if ( to.path === "/login" ) { next({ path: "/portal" }); }})to:进入到哪个路由去from:从哪个路由离开next:路由的控制参数,常用的有next(true)和next(false)引入到main.js...原创 2021-04-12 15:36:00 · 115 阅读 · 0 评论 -
@babel/polyfill
npm install --save @babel/polyfill可以用一些es6的语法原创 2021-04-08 13:44:29 · 717 阅读 · 0 评论 -
canvas水印
drawWater(shopName,shopCode){ let canvas = document.createElement('canvas'); canvas.height = canvas.width = '200'; let ctx = canvas.getContext("2d"); ctx.clearRect(0, 0, 200, 200); //绘制之前画布清除 ctx.font = "32px 黑体";原创 2021-04-01 17:25:33 · 231 阅读 · 0 评论 -
接口返回json获取指定字段
接口返回数据//saveData——新的数组this.choseData=res.result.records;this.choseData.forEach((item,value)=>{ this.saveData.push({ companyID:this.companyId, industrys:item.industryclassify, registerFund:0, saveState:item.savestate, su原创 2021-03-19 16:07:38 · 782 阅读 · 0 评论 -
vue的js应用
1.数组合并filter返回的是数组concat 合并数组2.计算属性参数的传递方式computed 计算属性{{num}}左边选中的个数优化:可以传参返回的是个方法就可以传参{{num(leftData,true)}}3.闭包的应用原创 2021-01-13 11:27:20 · 91 阅读 · 0 评论 -
判断当前打开的是手机还是pc浏览器还是微信浏览器
第一种:// if ( // window.navigator.userAgent.match( // /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i // )原创 2021-01-07 15:39:31 · 1464 阅读 · 2 评论 -
ts的小知识
1.联合类型2.数组类型的定义3.接口4.可选属性(可有可无,有必须符合他的类型)5.任意属性proName:变量string:变量的类型any:接收的是任意类型注:添加了任意属性,可以添加多个void:表示这个函数无返回值参数有默认值参考:听直播课整理...原创 2021-01-06 11:40:51 · 449 阅读 · 0 评论 -
前端跨域问题
谷歌插件 解决前端跨域原创 2020-12-30 13:45:17 · 81 阅读 · 0 评论 -
layui.photos()动态加载图片报错的原因
修改的layer.js点击出现相册集,上传动态添加的图片,明白了报错src undefined的问题。因为只有在我们点击了已经存在着的照片的时候,新加进去的照片才会被发现,被photos.data这个数组所容纳。所以如果你直接点击新加进去的图片,自然是undefined出现这种情况,所以修改的layer.js...原创 2020-12-29 16:09:13 · 992 阅读 · 0 评论 -
layui小应用
1.子页面操作父页面的元素parent.$("#contentTable2 tbody")报错解决var parent$ = window.parent.layui.jquery;parent$(".layui-laypage-em")原创 2020-12-24 10:38:58 · 84 阅读 · 0 评论 -
swiper的初始化
1.在swiper显示隐藏后,swiper点不了或者滑动出现问题,需要自动初始化 var swiper = new Swiper('.swiper-container', { slidesPerView: 1, paginationClickable: true, observer: true, //修改swiper自己或子元素时,自动初始化swiper,主要是这两行原创 2020-12-21 15:04:35 · 4638 阅读 · 0 评论 -
video属性设置
controlslist=“nodownload nofullscreen noremoteplayback”nodownload: 不要下载nofullscreen: 不要全屏noremoteplayback: 不要远程回放disablePictureInPicture=“true” 去掉后面三个点 禁掉画中画原创 2020-12-21 10:50:03 · 856 阅读 · 0 评论 -
请求数据根据日期分组
var json=[ {"date":"2012/11/01","name":1}, {"date":"2012/11/01","name":2}, {"date":"2012/11/01","name":3}, {"date":"2012/11/02","name":4}, {"date":"2012/11/02","name":5}, {"date":"2012/11/03","name":6}, ]; var dateArr=[]; v原创 2020-12-14 18:43:21 · 229 阅读 · 0 评论 -
原生js的应用
1.找到某元素的父元素//类名var cancel=document.getElementsByClassName("pop-btn-cancel"); var cancel=document.querySelector(".pop-btn-cancel");//idvar nextDate = document.getElementById("nextDate");2.找到选中的input的值 var input=document.getElementsByTagName("input")原创 2020-11-19 11:56:05 · 114 阅读 · 0 评论 -
2020-11-11
1.地图点击跳转页面①给地图添加监听click事件map.addEventListener("click", function(){ window.location.href ="/jn/edu/sdbk/map/"; });②a标签定位到地图上,注意层级2.页面滚动事件不生效原因:body,html{height:100%}解决:改成height:auto;$(window).scroll(function(){ $(window).scrollTop();})...原创 2020-11-11 17:38:28 · 61 阅读 · 0 评论 -
weui的uploader使用
1.缩略图展示加上删除按钮(校区报错弹窗)本来是有自带的,但是需求是把删除按钮展示在缩略图的右上角$("#uploaderFiles li").each(function () { $(this).append('<span class="delete-upload-btn"><img src="images/common/icon-cross-no-bg.svg" alt=""></span>') });//点击小图查看大图$(documen原创 2020-10-28 13:50:18 · 2674 阅读 · 0 评论 -
swiper导航滚动
需求:点击导航科目,选中元素自动往前滑动处于中间位置,tab切换<div class="swiper-container city-column-course"> <ul class="swiper-wrapper"> <li class="swiper-slide on"> <h4>推荐</h4> <p>Recommend</p> </li> &.原创 2020-10-23 15:15:27 · 564 阅读 · 0 评论 -
js点击其他区域隐藏
1.方法一$(document).on("click",".head-nav-drop-btn",function(e){ var $par=$(this).parent(".top-head-dropdown"); var hide=$par.hasClass("hide"); if(hide){ $par.removeClass("hide"); }else{ $par.addClass("hide"); } }).on("click",function(e){原创 2020-10-10 11:58:05 · 593 阅读 · 0 评论 -
百度地图api应用相关实例
1.官网apihttp://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html示例http://lbsyun.baidu.com/jsdemo.htm#i8_12.初始化地图var map = new BMap.Map("map", { enableMapClick: false });map.centerAndZoom(new BMap.Point(lng, lat), 15);map.enableScrollWheelZoo原创 2020-09-28 16:46:58 · 304 阅读 · 0 评论 -
input相关
1.输入框只能输入正整数 <input type="number" onKeyUp="this.value=this.value.replace(/[^\.\d]/g,'');this.value=this.value.replace('.','');" class="mark mark-num" /> onKeyUp=“this.value=this.value.replace(/[^.\d]/g,’’);this.value=this.value.replace(’.’,’’);”原创 2020-07-06 10:51:55 · 160 阅读 · 0 评论 -
iphone适配
iphoneX及以上的底部横线适配问题<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" viewport-fit="cover">原创 2020-05-18 15:56:05 · 197 阅读 · 0 评论 -
模块化
1.AMDrequireJS方法:1.引入require.js2.require([],function(){})3.简便写法<script data-main="main" src=" require.js">data-main指向入口文件配置paths,比如引入jquery,在path里配置,方便迭代升级...原创 2020-04-30 11:07:16 · 195 阅读 · 0 评论