JS
檀小泡泡
希望大家多多的点赞点赞,评论
展开
-
JS中document对象和window对象的区别
一、指代不同1、document对象:代表给定浏览器窗口中的 HTML 文档。2、window对象:表示浏览器中打开的窗口。二、作用不同1、document对象:使用 document 对象可以对 HTML 文档进行检查、修改或添加内容,并处理该文档内部的事件。2、window对象:浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。三、使用方式不同1、document对象:在 Web 页面上,document 对象可通过 window 对原创 2022-02-02 19:00:56 · 1259 阅读 · 0 评论 -
数组中常用的几个响应式方法
push添加元素到数组的尾部,可以添加任意个元素pop删除数组中的最后一个元素shift删除数组中的第一个元素unshift从数组的头部插入一个元素, 也可以插入多个splice添加第二个参数是0删除第二个参数是删除元素的个数修改第二个参数是替换元素的个数sort排序reverse倒序Vue提供的set/delete方法新增与删除示例:<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">原创 2021-04-18 22:53:49 · 319 阅读 · 0 评论 -
理解和使用Promise.all和Promise.race
一、Pomise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。具体代码如下:let p1 = new Promise((resolve, reject) => { resolve('成功了')})let p2 = new Promise((resolve, reject) => { resolve('succe原创 2021-02-18 16:19:06 · 84 阅读 · 0 评论 -
ES6之Array.from()方法
Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。那么什么是类数组对象呢?所谓类数组对象,最基本的要求就是具有length属性的对象。1、将类数组对象转换为真正数组:let arrayLike = { 0: 'tom', 1: '65', 2: '男', 3: ['jane','john','Mary'], 'length': 4}let arr = Array.from(arrayLike)console.log(ar原创 2021-02-07 10:56:26 · 135 阅读 · 0 评论 -
for in 和 for of
for in :循环数组、对象for of:循环数组循环数组最好用for of,循环for in,会多循环一个元素。for(let i in this.radios){ this.radiosmodel.push(this.radios[i].attr0)}this.radiosmodel数组最后会多一个undefined元素,而下面的循环不会多一个undefined元素for(let i of this.radios){ this.radiosmodel.push(i.attr0原创 2021-01-15 14:34:52 · 68 阅读 · 0 评论 -
js 监听手机端键盘弹出和收起事件
本文转自:https://www.cnblogs.com/shimily/articles/12197217.htmlconst ua = typeof window === 'object' ? window.navigator.userAgent : '';let _isIOS = -1;let _isAndroid = -1;export function isIOS() { if (_isIOS === -1) { _isIOS = /iPhone|iPod|iPad转载 2020-12-29 15:57:39 · 2116 阅读 · 0 评论 -
js中的同步和异步的理解
转自:https://blog.csdn.net/qq_22855325/article/details/72958345你应该知道,javascript语言是一门“单线程”的语言,不像java语言,类继承Thread再来个thread.start就可以开辟一个线程,所以,javascript就像一条流水线,仅仅是一条流水线而已,要么加工,要么包装,不能同时进行多个任务和流程。那么这里说的同步和异步到底是什么呢?如果你真的不懂,我希望你认真读完这篇文章。其实我个人觉得js官方的文档在使用两个词的时候并不转载 2020-11-21 23:47:27 · 131 阅读 · 2 评论 -
解决前端post跨域问题
转自:https://blog.csdn.net/baidu_38027860/article/details/79960927网上post跨域解决的问题方案一箩筐,但是真正能用得上的我还真是一个没看到,基本上都是基于jsonp的方案去解决跨域的问题,jsonp的原理我就不讲了,网上介绍的多了去了,既然是jsonp了,那还谈什么post跨域问题了,一群标题党,来自一个查了一天百度及论坛人的吐槽…好了,言归正传,在具体说解决办法之前我先说一下为什么会有跨域的问题,post跨域问题本身是因为请求的域名和用于转载 2020-11-19 13:12:58 · 3596 阅读 · 1 评论 -
setCapture 和 releaseCapture
setCapture函数的作用就是将后续的mouse事件都发送给这个对象,releaseCapture就是将鼠标事件还回去,由 document、window、object之类的自行来处理。这样就保证了在拖动的过程中,不会由于经过了其它的元素而受到干扰另外,还有一个很重 要的事情是,在Win32上,mouse move的事件不是一个连续的,也就是说,并不是我们每次移动1px的鼠标指针,就会发生一个mousemove,windows会周期性检查mouse 的位置变化来产生mousemove的事件。所以,如转载 2020-10-26 22:22:09 · 362 阅读 · 0 评论 -
cookie
$cookies.get('validate')$cookies.set('validate',userInfo,60*20)原创 2020-05-20 16:20:26 · 110 阅读 · 0 评论 -
arr.includes()
includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。if(a==null||a==undefined){}等价于if([null,undefined].includes(a)){}原创 2020-05-20 16:17:40 · 1893 阅读 · 0 评论 -
JS跳转链接的几种方式
1 . 跳转链接 在当前窗口打开window.location.href=“http://www.baidu.com”等价于<a href="baidu.com" target="_self">go baidu</a>2、跳转链接 在新窗口打开window.open(“http://www.baidu.com”)等价于<a href="baidu.co...转载 2020-04-20 10:45:38 · 454 阅读 · 0 评论 -
VUE中设置全局变量,在组件中引用、修改它
main.jsimport global from './components/global/global'Vue.prototype.global = global;global.jsexport default{ messNum:'',//未读消息数量 setmessNum (messNum) { this.messNum = messNum }}zuji...原创 2020-04-17 16:14:55 · 1399 阅读 · 0 评论 -
VUE this.$route 和 this.$router
this.route和this.route 和 this.route和this.router :this.$route 是路由【参数对象】,所有路由中的参数, params, query 都属于它this.$route.matched[0].namethis.$router 是路由【导航对象】,用它 可以方便的 使用 JS 代码,实现路由的 前进、后退、 跳转到新的 URL 地址th...转载 2020-04-03 12:01:48 · 871 阅读 · 0 评论 -
input实现回车搜索
html:<el-input type="text" placeholder="请搜索需要内容" @onkeydown="ClickButton(event)"></el-input>js:ClickButton(event){ if (event.keyCode == 13) { //搜索 }},原创 2020-03-18 17:13:21 · 1820 阅读 · 0 评论 -
qs.parse()、qs.stringify()
qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装.qs.parse()将URL解析成对象的形式const Qs = require('qs');let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0';...原创 2020-03-14 23:49:02 · 117 阅读 · 0 评论 -
跨域:vue中发的axios post请求,参数带冒号:且报错blocked by CORS policy
以下方法有点笨。。。还没有找到更好的方法报错:方法:api.js:axios.defaults.headers['Content-Type'] = 'application/json';zujian.vue:(get,post传参形式不同)let param={ phoneNo:this.phoneNo, captcha:this.captcha}this.$http...原创 2020-03-12 12:04:41 · 1409 阅读 · 1 评论 -
js得到时间戳(10位数)
//从1970年开始的毫秒数然后截取10位变成 从1970年开始的秒数function timest() { var tmp = Date.parse( new Date() ).toString(); tmp = tmp.substr(0,10); return tmp;}转载 2020-01-21 16:31:58 · 3019 阅读 · 0 评论 -
js获取手机宽度,高度
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:do...转载 2019-12-04 16:42:16 · 1066 阅读 · 0 评论 -
JavaScript 中URL编码方式
JavaScript 中URL编码方式其实url编码就是一个字符ascii码的十六进制。不过稍微有些变动,需要在前面加上“%”。比如“\”,它的ascii码是92,92的十六进制是5c,所以“\”的url编码就是%5c。Javascript存在几种url字符串的编码方式:escape(),encodeURI(),以及encodeURIComponent()。这几种编码方式所起的作用各不相同。...原创 2019-11-18 11:16:54 · 708 阅读 · 0 评论 -
加密解密
1 crypto加密:安装:npm install crypto-js引入import CryptoJS from 'crypto-js/crypto-js'使用:在线加密:http://tool.chacuo.net/cryptaes不能作为url参数加密,因为有浏览器url保留字符。2 md5:单向加密,只能加密不能解密...原创 2019-11-14 16:52:25 · 282 阅读 · 0 评论 -
js禁止、允许 页面滚动
禁止页面滚动:document.body.style.overflow='hidden'允许页面滚动:document.body.style.overflow='visible'原创 2019-11-12 17:22:04 · 3506 阅读 · 0 评论 -
vue对象数据改变,页面不更新
vue框架内:响应数组赋值给数组:this.proList=response.list并增加属性‘markOpen’,采用等式赋值之后,通过Vue.set赋值改变属性值,页面也不会更新。必须一开始mounted请求就是Vue.set对新增属性赋值,之后通过Vue.set改变属性值页面才会更新。两种方法可实现页面更新:1 this.$set(this.proList[i],'markOp'...原创 2019-11-12 11:06:19 · 956 阅读 · 0 评论 -
axios.get请求里元素是数组类型,中括号没有转码
报400参数里的procDefKeys元素为数组元素:原代码如下:let params={ procDefKeys:'["RPA"]', pageSize:1000, pageNo:1, } requestTodoList(params).then(response=>{ this.VolumnTopVOAll=response.list }如红框所示,...原创 2019-10-22 19:52:26 · 2039 阅读 · 2 评论 -
Mint给某个页面的messagebox加特殊样式
Mint UI框架中,想给其中一个页面的messagebox加背景灯样式,但是一旦设置公共类“.mint-msgbox”,其它页面的messagebox也会出现同样的样式,所以给它动态的加一个类,用于选择元素,设置样式。背景知识:下面介绍一下如何给一个节点添加和删除class名添加:节点.classList.add(“类名”);删除:节点.classList.remove(“类名”);J...原创 2019-10-21 18:29:12 · 595 阅读 · 0 评论 -
移动端--搜索框
<div class="searchClass"> <form action="javascript:void 0" style="text-align: left;"> <input type="text" class="inputClass" v-model="searchVolumn" placeholder="请输入编...原创 2019-09-26 14:46:30 · 2289 阅读 · 0 评论 -
js更改一个数组的属性名
var data2=[];data1.map((value,index,arry)=>{ data2.push({ 'name': value.latitude, 'value': value.longitude })})转自:https://blog.csdn.net/liruiqing520/article/details/88576161原创 2019-08-06 15:54:37 · 1562 阅读 · 0 评论 -
vue方法内的方法使用this的问题
在vue中的setTimeout使用this不能识别,在外面加上一句就好了。updated(){ let _this=this; setTimeout(function(){_this.treeLoading=false},3000)}原创 2019-07-30 16:33:47 · 2002 阅读 · 0 评论 -
移动端touch事件和click事件的区别
移动端touch事件和click事件的区别1.touch事件以下是四种touch事件touchstart: //手指放到屏幕上时触发touchmove: //手指在屏幕上滑动式触发touchend: //手指离开屏幕时触发touchcancel: //系统取消touch事件的时候触发,这个好像比较少用每个触摸事件被触发后,会生成一个event对象2....转载 2019-07-16 11:30:06 · 1787 阅读 · 0 评论 -
js 数组的拷贝(不影响原数组),数组相等
改变原数组的方法:pop();删除尾部的第一个元素并且返回这个元素;var a = [1,2,3];var b = a.pop();console.log(a);//[1,2]console.log(b);//3类似方法:push();尾部推入;返回数组长度;shift();顶部弹出;返回该元素;unshift();顶部亚入;返回数组长度;reverse();反转数组;返回反转...转载 2018-11-28 10:55:10 · 2374 阅读 · 0 评论