![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js/jquery
feifantiantang
不介绍了吧
展开
-
elementui表单内不验证某个指定字段
先上代码:1、先取出针对手机号的验证2、this.$refs["elForm"].validate((valid) => { if (valid) { this.formData.level = ""; putObj(this.formData).then((response) => { this.$message.success("修改成功"); ...原创 2022-01-06 17:33:38 · 2380 阅读 · 0 评论 -
avue 编辑弹框,编辑页面,列表数据也会跟着变
this.form = JSON.parse(JSON.stringify(row)) //避免引用传递,做一次数据拷贝原创 2022-01-06 09:30:44 · 964 阅读 · 0 评论 -
avue中使用echarts
avue中使用echarts,赋值后不显示内容原创 2022-01-04 16:09:40 · 1229 阅读 · 0 评论 -
js实现深度克隆
// 判断arr是否为一个数组,返回一个bool值function isArray (arr) { return Object.prototype.toString.call(arr) === '[object Array]';}// 深度克隆function deepClone (obj) { // 对常见的“非”值,直接返回原来值 if([null, undefined, NaN, false].includes(obj)) return obj; if(typ...原创 2021-05-07 15:24:16 · 95 阅读 · 0 评论 -
Js数组includes()
Array.prototype.includes方法返回一个布尔值,表示某个数组是否包含给定的值,与字符串的includes方法类似。该方法属于 ES7 ,但 Babel 转码器已经支持。[1, 2, 3].includes(2); // true [1, 2, 3].includes(4); // false [1, 2, NaN].includes(NaN); // true该方法的第二个参数表示搜索的起始位置,默认为 0 。如果第二个参数为负数,则表示倒数的位置,如果这时它大于...原创 2021-05-07 15:19:29 · 1820 阅读 · 0 评论 -
elementui,Upload组件上传闪动
最近接触到elementUI的上传组件,一路顺畅,就是在上传之后总是发现有闪动的现象,博主对其进行深入研究后发现,其闪动原因,是因为使用的file-list并不会自动添加上传了的图片,而需要由我们来人工来添加,而添加则必须使用on-success事件中自带的参数去做赋值操作闪动问题复现可以非常明显的看到,图片上传成功后,图片会有一个先向右,然后停顿片刻摆着位置后,返回左侧的现象。<!-- 上传组件,其中file-list绑定的参数为infoForm.effect -->.转载 2021-02-01 16:19:57 · 4163 阅读 · 5 评论 -
mapMutations详细讲解
mapMutations是vuex的mutation的辅助函数,用于在组件中映射mutation内的方法,以便在该组件中直接使用mutation里的方法 (说白了,就是一语法糖)1.在组件中导入vuex中的mapMutations:import { mapMutations } from 'vuex'2.在组件中导入mutation里的方法名:...mapMutations([ //使用es6的拓展运算符 'INCREASE_SHOPCART',转载 2020-12-30 17:52:16 · 23862 阅读 · 0 评论 -
深入理解async和await
async 和 await 在干什么任意一个名称都是有意义的,先从字面意思来理解。async 是“异步”的简写,而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成。另外还有一个很有意思的语法规定,await 只能出现在 async 函数中。然后细心的朋友会产生一个疑问,如果 await 只能出现在 async 函数中,那这个 async 函数应该怎么调用?如果需要通过 aw转载 2020-10-12 18:51:32 · 228 阅读 · 0 评论 -
闭包是什么
闭包并不是 JavaScript 特有的,大部分高级语言都具有这一能力。什么是闭包?A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment).这段是 MDN 上对闭包的定义,理解为:一个函数及其周围封闭词法环境中的引用构成闭包。可能这句话还是不好理解,看看示例:funct转载 2020-10-12 18:41:15 · 129 阅读 · 1 评论 -
elementui+vue实现图片上传时重命名
由于无法直接使用element自带的upload直接实现图片重命名的功能,所以做了一部分改变。1、获取图片的数据源,用table来接收2、在table内实现行编辑,来实现重命名的目的<el-upload class="upload-demo" action="自己的接口地址" :on-change="handleChange" :file-list="fileList" :show-file-list="false"> <el-button size="s原创 2020-09-01 20:06:09 · 2820 阅读 · 0 评论 -
身份证号判断男女和生日
/*身份证 验证*/function checkIDCard(idcode) { if (idcode != "" && idcode != null && idcode != "undefined" && (idcode.length == 15 || idcode.length == 18)) { // 加权因子 ...原创 2020-04-16 15:46:00 · 381 阅读 · 0 评论 -
jquery为table追加带input控件的行
<!DOCTYPE html><html lang="zh" xmlns:th="http://www.thymeleaf.org"><head> <th:block th:include="include :: header('新增')"/> <style> /*定义表格样式开始*/ ...原创 2020-04-11 19:55:31 · 538 阅读 · 0 评论 -
map和set的具体使用
MapMap是一组键值对的结构,具有极快的查找速度。举个例子,假设要根据同学的名字查找对应的成绩,如果用Array实现,需要两个Array:var names = ['Michael', 'Bob', 'Tracy'];var scores = [95, 75, 85];给定一个名字,要查找对应的成绩,就先要在names中找到对应的位置,再从scores取出对应的成绩,Array越长...转载 2019-09-27 22:39:39 · 80 阅读 · 0 评论 -
jquery中post嵌套问题
项目中使用post嵌套,结果出现外层post先执行,内层post后执行。解决方法:设置全局async $.ajaxSetup({ async : false }); $.post(getUrl, { f: f }, function(datas) { if(datas != null) { var sTabFloor = ev...原创 2018-04-07 15:59:35 · 2197 阅读 · 0 评论 -
js实现去重
1、js实现一个把数组里面的重复元素去除的方法:var arr=[12,33,52,33,63,9,13,32,12]function remRepeat(arr){var i,tmp=[];for(i in arr){if(tmp.join(',').indexOf(arr[i])==-1){tmp.push(arr[i]);}}return tmp;}var r=remRepeat(arr);...原创 2018-03-31 12:01:40 · 842 阅读 · 0 评论 -
Jquery获取屏幕和浏览器的宽度和高度
网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: d...原创 2018-04-28 10:45:49 · 2374 阅读 · 0 评论 -
元素的target值
1、如果只有当前元素,且该元素有事件行为,此时该元素的target指向的值等于currentTarget的值效果如下:如果该元素有内嵌子元素,且内嵌子元素使用事件行为但父元素不使用事件行为或者只触发父元素的事件,此时该元素的target指向的值等于currentTarget的值2、如果子元素和父元素同时有事件行为,且只触发父元素的事件,如下:3、如果子元素和父元素同时有事件行为,且触发子元素的事件...原创 2018-04-29 14:36:14 · 831 阅读 · 0 评论 -
javascript数组、对象、Map和Set
var s = '河南省,郑州市'; console.log(s.indexOf('郑州市')); // 返回7 console.log(s.indexOf('北京')); // 没有找到指定的子串,返回-1 var s = 'hello,world'; console.log(s...原创 2018-11-22 18:23:47 · 258 阅读 · 0 评论 -
iterable和for..in以及for..of
//iterable //遍历Array可以采用下标循环,遍历Map和Set就无法使用下标。为了统一集合类型,ES6标准引入了新的iterable类型,Array、Map和Set都属于iterable类型。 //具有iterable类型的集合可以通过新的for ... of循环来遍历。 //用for ....原创 2018-11-22 18:25:07 · 417 阅读 · 0 评论 -
jquery实现微信支付轮询
$(document).ready(function () { check(); setInterval("check()", 3000); var m = 4; //分钟 var s = 60; //秒钟 function showtime() { ...原创 2019-03-22 14:04:29 · 1555 阅读 · 0 评论 -
css和jquery实现定时滚动
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>About Me Scroll Effect w/ jQuery</title> <style> ...原创 2019-08-01 16:46:55 · 208 阅读 · 0 评论 -
jquery倒计时写法
<!DOCTYPE html><!-- saved from url=(0034)http://www.jq22.com/demo/daojishi/ --><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><titl...原创 2019-08-24 14:38:00 · 244 阅读 · 0 评论 -
applay和call方法的使用
1、 A().then.(res()=>{ res.data; }) functiongetAge(){ vary=newDate().getFullYear(); returny-this.birth; } varxiaoming={ namee:'xm', birth:1...原创 2019-09-27 17:08:28 · 871 阅读 · 0 评论 -
判断手机是横屏还是竖屏幕
@media screen and (orientation: portrait) { /*竖屏 css*/} @media screen and (orientation: landscape) { /*横屏 css*/}分开写在2个CSS中竖屏横屏//判断手机横竖屏状态:window.addEventL原创 2017-11-27 10:48:25 · 588 阅读 · 0 评论