![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
LMYH1123
这个作者很懒,什么都没留下…
展开
-
解决跨域(一)proxy
解决跨域(一)proxy。原创 2022-07-17 16:40:14 · 195 阅读 · 0 评论 -
js常用数组使用方法
第一个参数是要查找的元素,第二个表示从哪个位置开始查找; 在数组中查找元素时,找到即返回对应元素的索引,如找不到则返回-1; lastIndexOf 和indexOf()用法一样,只不过他是从后面开始查找; concat() 合并两个或多个数组,不会改变原数组,返回合并后的新数组; arr.concat(),无参数时,直接调用用数组的浅拷贝,也就是复制原数组;unshift() 数组开头添加一个或多个元素,会改变原数组,返回数组长度; 语法:原创 2022-06-22 21:09:43 · 155 阅读 · 0 评论 -
JavaScript entries() 方法,取到数组中对象的key、value
entries() 方法返回一个数组的迭代对象,该对象包含数组的键值对 (key/value)。迭代对象中数组的索引值作为 key, 数组元素作为 value。 console.log(newColumns,'newColumns') for (let [index, item] of newColumns.entries()) { console.log(index,'----------------',item) this.columns.splice(4..原创 2021-12-23 13:07:28 · 1211 阅读 · 0 评论 -
javascript马上使用的小技巧
javaScript在越来越多的地方被使用,而且它还时不时的更新。既然更新了,就会有新的功能和新的方法来实现某些编程目标。其中一些功能可能需要使用polyfill或其他库(如Babel),以确保你的所有代码在最老的浏览器上也能如期工作。1、展开运算符展开运算符太有用了,它允许对数组或字符串等迭代符进行扩展。它对于添加新的值是非常有用的。let arr = [1,2,3,4,5]let newArr = [...arr,6,7] //newArr=>[1,2,3,...原创 2022-02-08 16:23:46 · 192 阅读 · 0 评论 -
js实现原生复制粘贴功能
实现复制粘贴功能,点击复制,然后就就可以复制到指定的文本,然后就可以任意粘贴了! <span slot="shortLink" slot-scope="text, record"> {{ record.shortLink }} <a @click="onCopy(record.shortLink)">复制</a> </span>onCopy(shortLink) { let inputElement = .原创 2021-12-08 16:42:09 · 673 阅读 · 0 评论 -
数组数据处理--按某个key筛选数组,value相同的合并为一个数组
let data=[{"value": "50","level_1": "雇员","level_2": "在职"},{"value": "1","level_1": "雇员","level_2": "待入职"},{"value": "1","level_1": "雇员","level_2": "试用期"},{"value": "9","level_1": "其他","level_2": "未合作"},{"value": "1","level_1": "其他","level...原创 2021-10-14 10:11:48 · 273 阅读 · 0 评论 -
数组去重——reduce
this.treeData = list.reduce((cur, next) => { obj[next.title] ? '' : (obj[next.title] = true && cur.push(next)) return cur }, [])得到this.treeData就是去重过的数组。原创 2021-08-11 16:51:45 · 84 阅读 · 0 评论 -
数据格式转换
将本地数据格式转换到服务器格式: convertToServerData(localData) { let serverData = [] for (let i = 0; i < Object.keys(localData).length; i++) { let page = localData[i] console.log(page, 'page') if (!page || !page.properties || pag原创 2021-07-28 17:47:02 · 84 阅读 · 0 评论 -
从数组中删除指定元素
for (var key of this.enabledCustomerIds) { if (key === row.customerId) { this.enabledCustomerIds.splice(this.enabledCustomerIds.indexOf(key), 1) }}原创 2021-07-16 19:08:09 · 206 阅读 · 0 评论 -
获取UUID的方法
guid2(){functionS4(){return(((1+Math.random())*0x10000)|0).toString(16).substring(1);}return(S4()+S4());},原创 2021-07-08 17:18:55 · 658 阅读 · 0 评论 -
js截取某个字符后面的字符串
在js中,可以通过indexOf( )方法找到指定的字符位置,再使用length属性获得字符串的长度,最后,使用substring()方法完成截取字符串的操作。let str ="2021-04";let index = str.indexOf("-");let result = str.substr(index + 1,str.length); //04...原创 2021-04-22 11:55:05 · 23580 阅读 · 0 评论 -
javaScript条件语句
通常在写代码时,总是需要为不同的决定来执行不同的动作。可以在代码中使用条件语句来完成该任务。在 JavaScript 中,我们可使用以下条件语句:if语句---若条件成立(true)时,执行代码 if...else语句---当条件为true时执行代码,条件为false时执行else代码 if...else if...else语句---使用该语句来选择多个代码块之一来执行 switch...原创 2019-08-17 15:39:10 · 269 阅读 · 0 评论 -
javaScrip基础——概述与基础语法
一、javaScript概述(一)什么是javaScript: javaScript是一种运行于javascript解释性/引擎中的解释性脚本语言。1.运行环境:独立安装js解释器 嵌入在浏览器内核中JS解释器2.解释型:运行之前是不需要编译的,运行之前不会检查错误,直到碰到错误为止。3.JS使用场合:PC机、手机、平板、机顶盒......(二...原创 2019-08-14 19:49:38 · 122 阅读 · 0 评论 -
函数
函数——functionfunction:也可以被称为方法或者过程。 是一段预定义好,并可以被反复使用的代码块。其中可以包含多条可以执行语句。语法:function 函数名(){ 可执行语句; }函数调用:函数名( );函数名:与变量名命名规则一致,不会自己执行,需要被调用才可以执行。例:functi...原创 2019-08-20 21:38:59 · 90 阅读 · 0 评论 -
函数的作用域
函数的作用域什么是函数:作用域就是变量或函数的可访问范围。它控制着变量或函数的可见性和生命周期。在js中,函数的作用域分为: 全局变量:在函数外声明;声明变量时没有使用var 局部变量:在函数内声明的变量(包含参数位置) 实例1: (全局变量与局部变量的应用)var a=10;//全局变量function show(){ var a=100;//局部变量...原创 2019-08-21 20:12:06 · 548 阅读 · 0 评论 -
DOM高级编程——动态添加和删除节点
使用domcument对象可以创建、添加、删除DOM支持的任何类型节点,因此可以使用document对象制作动态添加、删除页面元素的特效,常见的操作有如下几种:使用document.createElement('tageName')创建指定标签名的元素节点(包括自定义的标签); 使用appendChild(node)将节点追加到所有子节点的末尾; 使用fathernode.insertBe...原创 2019-08-23 21:46:21 · 555 阅读 · 0 评论 -
DOM——操作节点样式(案例)
改变样式属性:style属性语法:HTML元素.style.样式属性=“值”;类别 属性 文本 fontSize、fontWright、textAligh、color...... 边距 padding、paddingTop、paddingBottom、paddingRight、paddingLeft 背景 backgroundColor、backgr...原创 2019-08-27 21:15:28 · 299 阅读 · 0 评论 -
javascript——面向对象编程
在传统的web开发模式中,javaScript是一种点缀的作用,完成很有限的功能,诸如表单验证之类。其语言本身也一直被当做过程化语言使用,很难完成复杂的功能。而Ajax的出现使得复杂脚本成为必须的组成部分,这就对javascript程序设计提出了新的要求,很多Ajax应用开始利用JavaScript面向对象的性质进行开发,使逻辑更加清晰。事实上,JavaScript提供了完善的机制来实现面向对象的...原创 2019-09-06 20:58:49 · 129 阅读 · 0 评论 -
JavaScript事件
JavaScript是基于对象、采用事件驱动的脚本语言。在DOM中,通过鼠标或按钮在浏览器窗口或网页上执行的操作称为事件。事件处理过程:事件是在浏览器的作用域内发生的事情——用户点击按钮、鼠标指针移动,或者从服务器加载完web页面等等。多个不同的事件使脚本能够响应鼠标、键盘及其他情况。事件是JavaScript用于web文档具有交互性的关键方法。用户与网页或者浏览器窗口交互时,将发生下述重...原创 2019-09-07 09:28:30 · 126 阅读 · 0 评论 -
JavaScript面向对象——创建对象的几种方法
工厂函数:所谓工厂函数,就是指这些内建函数都是类对象,当你调用他们时,实际上是创建了一个类实例。意思就是当我调用这个函数,实际上是先利用类创建了一个对象,然后返回这个对象。由于Javascript本身不是严格的面向对象的语言(不包含类),实际上来说,Javascript并没有严格的“工厂函数”,但是在Javascript中,我们能利用函数模拟类。我们首先通过new关键字创建了一个对象,ob...原创 2019-09-07 17:08:02 · 170 阅读 · 0 评论 -
使用js实现选项卡
html页面: <div id="box"> <ul id="menu"> <li class="on">AAA</li> <li>BBB</li> <li>CCC</li> <l...原创 2019-09-08 04:53:07 · 135 阅读 · 1 评论 -
js实现轮播图效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-09-10 21:18:55 · 94 阅读 · 0 评论 -
AJAX——使用的四大步骤
**什么是ajax?**AJAX(Asynchronous JavaScript and XML),最早出现在 2005 年的 Google Suggest,是在浏览器端进行网络编程(发送请求、接收响应)的技术方案,它使我们可以通过 JavaScript 直接获取服务端最新的内容而不必重新加载页面。让 Web 更能接近桌面应用的用户体验。 说白了,AJAX 就是浏览器提供的一套 API...原创 2019-09-19 15:48:33 · 1019 阅读 · 0 评论 -
AJAX——原生js实现封装
//封装ajaxfunction ajax(method,url,fn,parms){ //1、创建对象 var xhr=new XMLHttpRequest(); //get 带有参数 if(method=='get'||method=='GET'&&parms!='undefined'){ url=erl+'?'+parms;...原创 2019-09-21 10:06:02 · 71 阅读 · 0 评论 -
如何解决跨域问题
CORS:同源策略同源:协议、端口、域名完全相同不同源地址之间请求我们称之为:跨域请求请求源(客户端):file:///E:/ftp/ajax/source/14.%E8%B7%A8%E5%9F%9F.html目标(服务器):http://local...原创 2019-09-24 21:57:37 · 193 阅读 · 0 评论 -
JSON详解
什么是JSON?JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation);JSON 是轻量级的文本数据交换格式JSON 独立于语言 ;JSON 具有自我描述性,更易理解;JSON.stringify:可以把任意的jsvascript对象变成Json格式的字符串,这样可以通过网络传递给计算机;JSON.parse():将字符串转化为对象;...原创 2019-10-10 21:26:26 · 105 阅读 · 0 评论 -
防抖和节流
防抖所谓防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。实现方式:每次触发事件时设置一个延迟调用方法,并且取消之前的延时调用方法 缺点:如果事件在规定的时间间隔内被不断的触发,则调用方法会被不断的延迟function debounce(fn) { let timeout = null; // 创建一个标记用来存放定...原创 2020-03-09 14:07:30 · 231 阅读 · 0 评论 -
数组去重的几种方法:
<script> //法一: let arr=['a','b','c','a','c','a','d','c']; function one(){ let br=[]; for(var i in arr){ if(br.indexOf(arr[i])<...原创 2019-10-21 09:13:05 · 88 阅读 · 0 评论