![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript基础
文章平均质量分 68
Mr._Dang
一手Ctrl C,一手Ctrl V
展开
-
VUE h5移动端设置每个页面的头部title
在 router.js 中需要在每一个路由下面多添加一个 meta:{title:‘主页’},比如: { path: '/login', name: 'login', meta:{index:1,title: '登陆/注册'}, component: () => import('./views/Login.vue') }, { path: '/', //个人中心 name: 'personalCente.转载 2022-04-09 20:46:01 · 1903 阅读 · 0 评论 -
JS的实体
js实体原创 2022-04-04 20:41:32 · 630 阅读 · 0 评论 -
深拷贝、浅拷贝、解构
一、浅拷贝将对象里的每一个成员复制一份一模一样的内容,放到另一个对象里面当对象里的一个对象成员是复杂数据类型的时候,这个成员依旧是一样的也就是说浅拷贝只是操作对象里的一层是没有关系的,如果有深层次就会出问题。...原创 2022-03-03 09:54:35 · 319 阅读 · 0 评论 -
JavaScript
解决小数运算的精确问题的方法逻辑运算符的短路讲不讲 . 短路和运算符的优先级有冲突。。。var a=10;3-2 || a++ //1 a为10ASCII 码 发音 as key码一个编码,用来表示计算机输入的所有内容,最早把所有的可以输入的内容全部转换成二进制保存,给电脑上的每一个键,每一个输入都编了一个二进制码,一共128个,起了个名字叫做ASCII码unicode编码随之计算机的发展,128个ASCII码不够用,万国码(统一码)取名叫做unicode编码,里面前128个就是AS原创 2021-10-27 20:34:30 · 484 阅读 · 0 评论 -
怎样用js写放大镜?
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2021-09-22 00:55:26 · 63 阅读 · 0 评论 -
swiper
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2021-09-22 00:52:37 · 54 阅读 · 0 评论 -
js执行机制
js是单线程的,也就是说在同一个时间中能做一件事,这是因为js这们脚本语言诞生的使命所导致的,js是处理页面中的用户的交互,以及操作DOM而诞生的,比如我们对某个DOM元素的进行添加和删除,不能同时进行,要先添加再删除单线程就意味着,所有的任务需要排队,前一个任务结束才会执行下一个任务,如果一个任务的执行时间过长,这样就会导致线程阻塞,导致页面的渲染不连贯。为了解决这个问题,利用多核cpu的计算能力,html5提出,web worker标准,允许js脚本创建多个线程,于是js中出现了同步和异步同.原创 2021-09-22 00:38:08 · 41 阅读 · 0 评论 -
什么是本地储存?
本地储存的作用:把一些数据记录在浏览器中,是浏览器提供给我们的一些本地存储数据的机制localStorage 永久缓存,除非手动删除sessionStorage 会话缓存,关闭浏览器就没有了共同点:只能存储字符串格式的数据localStroranglocalStrorage.setItem(‘名字’,‘值’)存储一条数据重复设置同一个名字的时候,就是修改数据localStorage.setItem('name',{name:8});原创 2021-09-22 00:33:49 · 3646 阅读 · 0 评论 -
什么是深拷贝、浅拷贝?
深拷贝与浅拷贝赋值浅拷贝深拷贝赋值把一个对象的地址赋值给另一个变量两个变量操作同一个空间var o1={ name:'jack'}var o2=o1;o2.name='rose'console.log(o1,o2);//这是赋值和拷贝没有关系浅拷贝把对象里面的每一个成员,复制一份一模一样的内容,放到另一个对象里面当对象里有一个对象成员是复杂数据类型时,这个成员依旧是一样的浅拷贝只是操作对象里面的一层可以没有关系,如果再深层次就会出现问题了var o1={原创 2021-09-22 00:24:27 · 55 阅读 · 0 评论 -
es6 箭头函数 模板字符串 点点点运算符
8-31-总结一、ES6 官方名称ES2015let const 和 var 的区别var 可以进行预解析,必须要先定义再使用let 声明变量的const 声明常量的二、箭头函数含义:官方解释:箭头函数里面的this是上下文(content),外部作用域的this就是箭头函数的this个人理解:箭头函数this就是,看一下箭头函数写下哪一行,上一行的this就是箭头函数的this箭头函数的语法格式: ()=>{}箭头函数的特征三、函数参数的默认值作用:给函数的形参设置一个默认值四、模板字符串模板字符串原创 2021-08-31 21:31:22 · 341 阅读 · 0 评论 -
拖拽事件、触摸事件、其他事件
8.24总结一、拖拽事件1.绑定在被拖拽的元素2.绑定在目标元素二、触摸事件1.常见的触屏事件2.触摸事件对象三、其他事件一、拖拽事件有一些标签 比如:img 是可以自带可以拖拽的一般的标签想要拖拽时需要给元素添加一个属性 draggable=“true”拖拽事件需要两个元素才能完成一个完整的拖拽被拖拽元素目标元素与拖拽相关的事件类型,有些是绑定在被拖拽的元素上的,有一些是需要绑定在目标元素上1.绑定在被拖拽的元素ondragstart 拖拽开始绑定在原创 2021-08-24 23:46:24 · 469 阅读 · 0 评论 -
鼠标事件 鼠标事件对象 js
常见的鼠标事件onclick 单击鼠标左键ondblclick 双击鼠标左键如果给一个元素同时绑定了单击左键和双击左键,每一双左键都会触发两个单击左键事件oncontextmenu 单击鼠标右键 默认会触发菜单onmousewheel 鼠标滚轮事件 wheel轮子给元素绑定滚轮事件后,在元素上滚动滚轮就会触发该事件,但元素外滚动滚轮不会触发onmouseover 鼠标移入onmouseout 鼠标移出onmouseen原创 2021-08-19 22:53:06 · 469 阅读 · 0 评论 -
事件流 事件传播 事件委托 阻止事件传播 js
事件传播当你在一个元素上触发一个事件的时候,会按照结构父级的顺序向上传播行为,直到window为止当事件触发的时候,会按照结构父级的顺序向上传递同类型的事件在事件对象里面有一个path属性,表示当前事件的传播路径事件流事件发生时发在元素节点之间按照特定顺序进行传播。这个传播的过程既是 DOM事件流事件流分为两个阶段捕获阶段像是在水面上扔了一个石头一样,它有一个下降的过程从window到目标元素的顺序执行绑定的事件冒泡阶段像小泡泡一样,从目标元素到windo原创 2021-08-18 21:43:58 · 79 阅读 · 0 评论 -
注册事件 事件对象 浏览器的默认行为 阻止默认行为的方法
文章目录一、注册事件1.传统方式 onclick2.事件监听二、事件对象三、事件对象常用的属性和方法四、浏览器的默认行为五、阻止默认行为的方法1.传统的注册事件的方式阻止默认行为阻止默认行为的兼容性写法2.事件监听方式注册的事件阻止默认行为3.阻止框选文字的默认行为4.阻止鼠标右键出现菜单一、注册事件1.传统方式 onclick2.事件监听标准浏览器元素.addEventListener(‘事件类型’,事件处理函数)元素.removeEventListener(‘事件类型’,事件处理原创 2021-08-18 21:37:56 · 745 阅读 · 0 评论 -
浏览器卷去的高度固定 js
先看效果,代码在下面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &.原创 2021-08-18 21:13:10 · 136 阅读 · 0 评论 -
offset client scroll的作用及区别、浏览器事件
文章目录一、offset client scroll的作用及区别1.offset2.client3.scroll二、浏览器事件1.window.onload 等所有的资源加载完2. window.onresize 当窗口尺寸变化的时候3. window.onscroll 滚动事件4.window.onoffline 网络断开事件5.window.ononline 网络恢复6.window.onhashchange 当地址栏中的hash值发生变化时触发的事件一、offset client scroll的作用原创 2021-08-18 21:08:53 · 118 阅读 · 0 评论 -
BOM、location对象、history历史记录、scroll 浏览器滚动
BOM一、location对象location对象里的方法1.location.reload2.location.assign('新的地址')3.location.replace('新的地址')二、window对象1.window.navigator对象2.window.navigator.userAgent3.window.navigator.appName4.window.navigator.platform三、history历史记录1.window.history.back()2.window.his原创 2021-08-16 21:23:15 · 424 阅读 · 0 评论 -
动态创建元素 、 文档碎片(筐)、偏移量offset、BOM
8.12总结一、动态创建元素1.获取元素document.getElementById('id名')document.getElementsByTayName('标签名')document.getElementsByName('name属性的属性值'); name其实是通用属性,多用于表单元素document.getElementsByClassName('类名');document.querySelector('选择器') 返回第一个匹配上的元素 nulldocument.querySelectorAll原创 2021-08-12 23:39:54 · 238 阅读 · 0 评论 -
DOM 获取DOM元素节点
文章目录1.什么是DOM?节点的类型DOM可以做什么?2.获取DOM元素节点获取元素节点getElementByIdgetElementsByTagName()getElementsByNamegetElementsByClassName()querySelector()querySelectorAll()例1.什么是DOM?DOM:document object model 文档对象模型。DOM是由节点组成的。节点的类型元素节点:HTML标签文本节点:标签中的文字(包含空格和换原创 2021-07-28 15:37:34 · 516 阅读 · 0 评论 -
js 浏览器尺寸事件
文章目录1.浏览器尺寸获取浏览器窗口的尺寸卷去的高度和宽度卷去的高度卷去的宽度兼容写法2.滚动到指定位置scrollTo()方法写法另一种写法1.浏览器尺寸获取浏览器窗口的尺寸innerWidth 获取宽innerHeight 获取高可视区域,包含滚动条例 console.log(innerWidth); //此时浏览器窗口的宽度,改变浏览器窗口的大小,输出的数值也会跟着改变。 console.log(innerHeight); //此时浏览器窗口的高度,改变原创 2021-06-04 23:26:37 · 199 阅读 · 0 评论 -
js BOM、js window、js location、js navigator、js history
文章目录1.BOM什么是BOM?常见的BOM对象2.window3.location案例练习1.BOMjs分为三部分:ECMAScript 语法标准。BOM 操作浏览器部分功能。DOM 操作网页上的元素。【注意】DOM是BOM的一部分。window对象时BOM的顶层对象。所有的BOM对象都是通过window对象延伸出来的,也可以成为window的子对象。什么是BOM?Browser object model 浏览器对象模型。常见的BOM对象window:代表的原创 2021-06-03 00:32:52 · 125 阅读 · 0 评论 -
js 定时器、js string对象 方法
文章目录1.定时器setInterval()setTimeout()关闭定时器的方法例2.String对象方法:charAt(索引) 重点charCodeAt(索引)substr(开始索引,多少个)substring(开始索引,结束索引)toLocaleLowerCase()replace(’被替换的字符‘,’替换的字符‘) 重点concat(字符串)slice(开始索引,结束索引) 重点split(分隔字符,【多少个】) 重点1.定时器setInterval()每隔一段时间执行一次。 可能原创 2021-06-03 00:18:41 · 97 阅读 · 0 评论 -
js 日期对象、js 日期对象的方法、js 日期格式化、js 自定义函数
文章目录1.日期对象例2.日期对象的方法Date.parse(date)setTime(n)getTime()setDate()getDate()getDay()setMonth()getMonth()setFullYear()getFullYear()setHours()getHourssetMinutes()getMinutes()setSeconds()getSeconds()setMillisecondsgetMillisecondsgetTimezoneOffset()Date.parse()与g原创 2021-06-01 23:20:09 · 452 阅读 · 0 评论 -
js 案例练习
案例练习定义一个函数,生成4位的随机数字验证码。 function getAuthCode2() { var num = parseInt(Math.random() * 10000); if (num < 1000 && num > 99) { num = "0" + num; } else if (num < 100 && num > 9) { num = "00原创 2021-06-01 19:21:25 · 341 阅读 · 0 评论 -
js 递归、js对象、js math对象
文章目录1.递归什么是递归?递归的特点写递归的方法例1.递归什么是递归?函数的一种应用方式。函数之间可以互相调用。递归是函数调用函数的一种特殊情况。就是函数调用自己。【注意】在工作中,递归慎用。不到万不得已绝对不要用。递归的特点函数自己调用自己一般情况都有参数一般情况都有return。写递归的方法首先要找到递归结束的情况。找本次函数和下次函数执行之间的关系。调用下一次函数。例...原创 2021-06-01 16:48:16 · 166 阅读 · 0 评论 -
js 作用域、 js 数组的方法、 js数组去重、 js 数组排序 、js 二维数组
文章目录1.作用域垃圾回收机制:全局变量:局部变量:总结:例2.数组的方法concat(元素)slice(start,end)splice() 重点join()reverse()sort()indexof() 重点forEach() 重点filter()every() 重点some()map()1.作用域变量存在的范围。任何程序执行都需要占用内存。函数调用时也需要占用内存空间。垃圾回收机制:当内存空间没有任何变量指向时,或者函数执行完毕后,它们占用的内存空间就会被释放,返还给系统。原创 2021-06-01 14:34:52 · 274 阅读 · 2 评论 -
JS 数组、JS函数 、JS 封装函数
文章目录1.数组为什么要用数组?数组的概念:声明数组的方式:数组的长度: 里面元素的个数。数组的下标(索引)如何获取数组中的元素数组的遍历例:2.数组方法push()pop()shift()unshift()例:3.函数什么是函数?使用函数的步骤:函数的分类:函数的优点:调用函数的格式:retrun:【注意】根据参数与返回值的不同,可将函数分为4种:【注意】形参:实参:传参:实参与形参个数的关系:例:3.封装函数封装函数的步骤:例:5.arguments问题:参数不固定怎么办?1.数组为什么要用数组?原创 2021-05-26 20:47:47 · 856 阅读 · 0 评论 -
JS for循环、 JS while循环 、JS do...while循环、 JS while与do...while 的区别 、JS break
文章目录1.for循环例:2.while循环例:3.do...while循环例:4.while与do...while 的区别例:5.break例:案例练习1.for循环循环:重复做一件事。特点:给定一个条件,条件成立时,重复执行某段代码,直到条件不成立。循环成立的条件:初始值,作为循环的开始。条件判断,决定要不要继续执行循环。执行重复的代码。.改变初始值,为了让循环有结束。语法结构:for (var i = 0; i < 要执行的次数; i++) {要重复执原创 2021-05-24 20:50:18 · 175 阅读 · 0 评论 -
JS算术运算符、 JS赋值运算符、 JS自增自减、 JS比较运算符、 JS逻辑运算符、 JS三元运算符、 JS选择分支
文章目录1.算术运算符常见的算术运算符:2.赋值运算符例:3.自增自减自增: 自身的值上+1自减: 自身的值上-1例:3.比较运算符:比较运算符:用于比较两个值的大小关系,返回值是一个布尔值。字符串之间的比较:按照字典排序比较的。(实际上按照编码顺序来排序的。)小写的字母比大写的字母的顺序要高。比较的步骤:不同类型的比较:js会将其先转为数字,再比较大小。例:1.算术运算符常见的算术运算符:加 +减 -乘 *除 /幂 ** 23 2的三次方 222 = 23余数 % 7%3原创 2021-05-24 00:24:43 · 316 阅读 · 0 评论 -
初识JavaScript 、JS基础 、JS书写的的位置、 JS注释 、JS输出语句 、JS 变量 var 、JS用户输入 prompt、 JS数据类型、 JS数据类型检测、 JS类型转换
1.初识JavaScript一个网页的组成:HTML 网页的结构。CSS 网页的表现。JavaScript 网页的行为,用户与网页的交互,网页的特效。ECMA:ECMAScript:js语言的标准。JavaScript:实现。JavaScript组成ECMAScript:js语言的语法。包含如何定义对象,定义变量,书写表达式等等。BOM:操作浏览器部分功能。 比如:操作滚动条,操作历史记录。DOM:操作网页上的元素。让元素移动,改变class属性值。图片原创 2021-05-23 13:17:06 · 205 阅读 · 0 评论