![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 57
偷吃月亮的美羊羊
把信仰高高挂在灵魂之侧
展开
-
vant2 列表 下拉刷新PullRefresh 自动加载Loading
vant移动端原创 2022-07-01 14:49:34 · 915 阅读 · 0 评论 -
elementui 走马灯 轮播不同的任务 每个任务又进行了 数据的分页
elementui 走马灯 轮播分页数据原创 2022-06-30 18:27:01 · 647 阅读 · 0 评论 -
获取当前时间(年-月-日 时:分:秒)
//获取当天时间 todayTime(){ var date = new Date(); var year = date.getFullYear(); var month = (date.getMonth()+1).toString().padStart(2,'0'); var day = date.getDate().toString().padStar.原创 2022-05-01 10:43:56 · 384 阅读 · 22 评论 -
vue2项目兼容ie11报错 此页上的代码禁用了反向和正向缓存
看了一下午大佬门写的文章 也试了那些步骤 还是不行 所以ie真的烦死这个该怎么解决呀原创 2022-03-10 17:57:48 · 1538 阅读 · 2 评论 -
echarts 图表 px匹配rem适配
function fontSize(res){ let docEl = document.documentElement,clientWidth = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth; if (!clientWidth) return; let fontSize = 100 * (clientWidth / 1920); return res*fontSize.原创 2022-02-25 16:01:44 · 611 阅读 · 0 评论 -
ES6(基础)
ES6的概念 新版本:ECMAScript5.1 ,ECMAScript6.0(ES6) 新的语法标签 解决了ES5的一些问题,增加了一些新的功能,新的方法 var a = 10; var a = 20; ES版本 1995年js诞生 -- 1997:ECMAScript1.0 ES5:2009 ES6:2015 ECMAScript与JavaScript的关系? ECMAScript是JavaScript的语法标准 JavaSc原创 2021-12-15 09:40:47 · 113 阅读 · 0 评论 -
深浅拷贝(总结了一下深拷贝和浅拷贝)
1 浅拷贝浅拷贝没有真正的拷贝到值,而是拷贝的是地址,一改全改2数组的浅拷贝//1.数组的浅拷贝var arr1 = ["a","b","c",[1,2]];//a.先声明一个空数组var arr2 = []; //b.循环数组,将原有数组中的值一个一个复制到目标数组中for(var key in arr1){ console.log(key + "--------" +arr1[key]); //下标 arr2[key] = arr1[key];}cons...原创 2021-11-30 00:18:23 · 550 阅读 · 0 评论 -
JS 面向对象(要复习复习复习)
1 概念 编程模式 面向过程:c,c++,注重实现过程(蛋炒饭:准备材料,起锅烧油,放鸡蛋,放米饭,放调料,出锅装盘) 面向对象:java,注重的是结果(蛋炒饭:点外卖) 面向对象的特征 封装 继承 多态 类(对象):一种大范围的抽象的对象 实例对象:具体的对象 对象的组成: 属性:静态的,名词性 ------ var 方法:动态的,行为,作用----f..原创 2021-11-20 23:03:49 · 94 阅读 · 0 评论 -
JS 函数高级(包括闭包的一些笔试题,防抖,节流)
1.回调函数 callback 异步:做一个操作的时候,可以去做其他的事情 定时器 同步:做一个操作的时候,其他的都只能等待 alert for //- 异步:做一个操作的时候,可以去做其他的事情 定时器console.log(1);setTimeout(function () { console.log("定时器"); }, 2000);console.log(2);// - 同步:做一个操作的时候,其他的都只能等待 alert foralert(1);...原创 2021-11-19 20:12:49 · 520 阅读 · 0 评论 -
JS 事件高级(包括DOM事件流,阻止事件冒泡,阻止事件默认行为,,,以及对我来说,很好用的 事件代理)
事件对象概念 事件处理函数:事件发生时调用的函数 事件对象:window.event,内置的对象,事件发生的时候会将所有和事件相关的信息都存储在事件对象中,鼠标位置,事件类型,事件目标。。。 //事件对象:事件发生的时候,会将所有和事件相关的信息,存储在事件对象中window.event //标准、ie : window.event / event//ff: event必须加window,不然会报错,加window不会报错,但是获取到的是undefind// 火狐...原创 2021-11-18 23:22:35 · 63 阅读 · 0 评论 -
JS BOM(也是超级长的单词哦)
BOM:Browser Object Model 浏览器对象模型 window和document window:js中最顶层的一个对象,窗口 document:文档 window提供的方法系统对话框(是查错改错的好办法!!!!!) alert(message) : 警告框 confirm("message"): 带确认的对话框 prompt(message,default) : 带输入的对话框 //1. ale...原创 2021-11-17 22:33:02 · 72 阅读 · 0 评论 -
JS DOM表单操作(补充)
1.DOM表单操作1.1 快速获取表单元素 快速获取表单元素 form.标签name属性 //1.获取元素var oForm = document.getElementsByTagName("form")[0];//2.快速获取表单元素 form.标签name属性console.log(oForm.user);console.log(oForm.password);console.log(oForm.sex); //RadioNodeList(2)[input, input.原创 2021-11-17 22:26:59 · 152 阅读 · 0 评论 -
JS DOM(dom很多长单词)
DOM DOM:Document Object Model 文档对象模型 浏览器渲染: DOM树:浏览器会html标签解析成树型结构,由节点组成 CSS树 查找节点 DOM获取节点 通过id获取 : document.getElementById("id名") 通过类名获取 : document/父元素.getElementsByClassName("类名") 通过标签名获取 : document/父元素.g原创 2021-11-14 20:54:33 · 95 阅读 · 0 评论 -
JS 正则(~_~)
正则对象 正则对象:RegExp 概念:提前定义的,用于检测字符串的逻辑公式 (正则表达式) /^1[3-9]\d{9}$/ 作用:验证字符串是否满足条件 登录注册 创建正则 关键字new创建 //1.new关键字创建 new RegExp(检索的表达式,修饰符) igvar reg1 = new RegExp("[0-9]","ig"); //转义 console.log(reg1); // /[0-9]/gi 字面量创建 ..原创 2021-11-12 19:47:36 · 211 阅读 · 0 评论 -
JS 字符串和数组对象方法(包括数组去重,比较存储,数组排序以及数组的迭代方法)
字符串对象 charAt 语法:str.charAt(下标) 作用:获取字符串中对应下标的字符 charCodeAt 语法:str.charCodeAt(下标) 作用:获取字符串中对应下标字符的编码 判断是不是纯数字 indexOf 语法:str.indexOf(searchStr,start) 作用:查找一个字符串在另一个字符串中首次出现的位置,出现返回对应的下标,没有返回-原创 2021-11-11 23:38:06 · 165 阅读 · 0 评论 -
JS Date,Math,String(要背很多方法)
对象的方法 对象: 在JS中万物皆对象,可以将对象分为“内部对象”、“宿主对象”和“自定义对象”三种。 本地对象「内部对象」:JS中的内部对象包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String,Error对象, 其中Global和Math这两个对象又被称为“内置对象”,这两个对象在脚本程序初始化时被创建,不必实例化这两个对象。 宿主对象(全局对象):宿主对象就是执行JS脚本的环境提供的对象原创 2021-11-10 23:17:48 · 66 阅读 · 0 评论 -
JS 定时器(hhhhhh)
1.定时器1.1 定时器的基本概念 定时器的分类 延迟定时器: 语法: ms 延迟一段时间执行函数一次 作用:等待一定的时间后执行一次 使用场景:广告弹窗 间歇定时器: 语法:setInterval(函数,时间) 隔一段时间执行函数一次 作用: 隔一段时间执行函数一次 使用场景:轮播图,倒计时,抽奖 1.2 setTimeout原创 2021-11-09 20:35:58 · 1119 阅读 · 0 评论 -
JS 函数封装(今天代码超多bug 要慢慢改了,所以只更新一点点吧)
只能获取行间样式 : 标签.style.样式名获取非行间样式标准浏览器:getComputedStyle(标签).样式名IE浏览器:标签.currentStyle.样式名//2.标准浏览器:getComputedStyle(标签).样式名var width = getComputedStyle(oDiv).width;alert(width);//3. IE浏览器:标签.currentStyle.样式名var width = oDiv.currentStyle.width;alert(wid原创 2021-11-08 22:43:47 · 94 阅读 · 0 评论 -
插个队---今天遇到一个小问题,Redirected when going from “/role“ to “/menu“ via a navigation guard.
Redirected when going from "/role" to "/menu" via a navigation guard.这个问题一直存在,但我一直没有管他,因为不怎么影响功能,但刚刚又跳出来,忍不了了,就查了一下,有说版本问题的,有说是路由拦截问题的,版本问题: "vue-router"已经更新到"vue-router": "^3.2.0",该版本的话,需要卸载这个当前版本,然后下载3.0.7版本,卸载命令是npm unstall vue-rou...原创 2021-11-07 19:15:11 · 485 阅读 · 1 评论 -
JS 函数(今天是函数)
函数 函数:函数就是将具有独立功能的代码块,整合到一起并命名,需要的时候调用即可(当它被调用时可重复使用代码块) 作用:提高效率,提高代码重用率 1 函数的使用场景 作为事件处理函数 函数封装(代码复用) 对象的方法 //1.使用场景1:作为事件的处理函数document.onclick = function(){ console.log("处理函数");}//2.使用场景2:封装(代码复用)function change(){ ...原创 2021-11-07 15:01:51 · 97 阅读 · 1 评论 -
JS 流程控制语句(ps:今天北京初雪)
分类 顺序结构(按代码顺序,从上往下执行) 选择结构(分支语句) : if if-else if-else if switch 循环结构:for while do-while for-in 选择结构(分支语句)单分支: if 语法:if(条件){ 条件成立时执行的代码 } /* 单分支 语法:if(条件){ 条件成立时执行的代码 } 特殊: 1.if后面的大括号可以省略,省略就只能控制紧跟在后面的一条语句 ...原创 2021-11-06 22:40:24 · 64 阅读 · 1 评论 -
JS 基础交互(交互三部曲)
交互三步曲:找到对应的标签,添加事件,事件发生时的反馈获取标签 通过id获取 语法:document.getElementById("id名"):获取到的是一个唯一标签 //1.通过id获取元素var oSs = document.getElementById("ss");//2.添加事件 标签.onclick = function(){ 事件发生时要执行的操作 }oSs.onclick = function(){ alert("easy");} 通..原创 2021-11-06 22:29:27 · 1047 阅读 · 0 评论 -
JS 运算符(多复习一点)
运算符 概念 运算符:用于执行程序代码的运算,针对于一个以上的操作数进行运算 1 + 1 : 1---操作数 +:运算符 表达式:由一个或多个操作数通过运算符组成是式子 1 + 1,a = 10, a++ 运算符:算术运算符、赋值运算符、逻辑运算符、比较运算符,三目运算符 算术运算符种类:+ - * / %(取余,求模),++(自增,自加), -- 基本操作 //1.算术运算符 + - * / %(取余,求模),++(.原创 2021-11-02 23:10:36 · 144 阅读 · 0 评论 -
JS 数据类型转换 (很小的知识点但是是基础)
有些时候,需要将数据转换为其他类型进行操作,转换方式:强制转换、隐式转换强制转换通过方法,将数据必须转换为某种数据类型强制转换为number Number(要转换的数据) : 强制转换为number类型,不能转换的结果为NaN parseInt(要转换的数据) : 从左往右开始转换,遇到不能转换的或者是末尾就停止,如果一开始就不能转换结果为NaN,取整 parseFloat(要转换的数据):从左往右开始转换,遇到不能转换的或者是末尾就停止,如果一开始就不能转换结果...原创 2021-11-02 22:59:54 · 69 阅读 · 0 评论 -
JS 变量与数据类型(慢慢的就开始啦)
变量 变量(标识符):变量存储数据的容器,变量名中存放数据 语法: 声明变量: var 变量名 = 值 命名规则: 1.只能以字母、数字、下划线,$组成,并且不能以数字开头 2.不能使用关键字和保留字 3.见明知意,遵循驼峰标识 tagName TagName 4.不要重名,后面的会覆盖前面 //1.声明变量var a;console.log(a); //undefined ,未定义,声明变量,但是没有赋值a = 100000;console.l原创 2021-10-29 23:36:45 · 63 阅读 · 0 评论 -
Hi,JS(初识)
什么是JavaScript? 作用:网页交互 概念:基于对象和事件驱动的解释性脚本语言 基于对象:JavaScript 是一种基于对象的语言,这意味着它能运用自己已经创建的对象,因此,许多功能可以来自脚本环境中对象的方法与脚本的相互作用。 事件驱动:JavaScript 可以直接对用户或者客户输入做出响应,无须经过 web 服务器,它对用户的响应,以事件驱动的方式进行。 解释性: 编译性:高级语言,计算机无法直接识别,先进行编译,再执行原创 2021-10-28 22:40:22 · 527 阅读 · 0 评论