![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
文章平均质量分 59
她还会来吗
长夜将至,我从今开始守望
展开
-
JS中的Error对象
文章目录MDN文档错误类型错误处理错误属性借鉴链接MDN文档Error错误类型Error:所有错误的父类型ReferenceError:引用的变量不存在 console.log(a);//ReferenceError: a is not defined console.log(a);//ReferenceError: a is not defined console.log('-----');注意第二行代码,当我写入上述两行代码时,控制台只打印了第一行代码的错原创 2021-10-19 13:25:45 · 535 阅读 · 0 评论 -
js数组常用方法总结(包括ES6)
目录Array.push( )Array.pop( )Array.unshift( )Array.shift( )Array.concat(arr1,arr2...)Array.slice(start,end)Array.join ( )Array.splice(index,many,...args)Array.reverse( )Array.every( function)Array.map(function)Array.push( )Array.push( ),向数组末尾添加一个或多个新的元素,方原创 2021-10-03 13:33:11 · 167 阅读 · 0 评论 -
学习tab栏切换必备,快速上手排它算法
前言之前学习Tab栏操作的时候,了解到一种新的算法思想(排它思想),趁着今天闲暇之余,写下这篇博客,希望可以给读者朋友们提供帮助。算法简介何为排他算法呢,简单点来说就是干掉所有人,留下我自己(干就完了),只要牢记这段口诀,相信学习起来就不会很难了!!何时使用当存在多个元素的情况下,我们需要给其中的一个元素设置样式(留下我自己),而其它元素则保持原来状态(干掉所有人),这时我们的排它思想就华丽登场了~~~案例效果下面是我做的一个tab栏效果,请大家仔细观看其中的排它思想,注意观察上面文字的背景原创 2021-05-07 21:24:27 · 157 阅读 · 0 评论 -
轮播图案例
案例效果案例功能需求鼠标经过轮播图,左右按钮显示,离开隐藏左右按钮点击左右按钮一次,图片往左播放一张,以此类推,左侧按钮同理图片播放的同时,下面小圆圈模块跟随一起变化点击小圆圈,可以播放响应图片鼠标不经过轮播图,.轮播图也会自动播放图片鼠标通过,轮播图模块,自动播放停止代码展示我此处的代码全部是写在html中的,这是不提倡的,最好各写各的,封装在自己的模块中<!DOCTYPE html><html lang="en"><head> &原创 2021-05-02 17:50:58 · 474 阅读 · 2 评论 -
动画函数封装
函数封装话不多说,直接上代码function animate(obj,target,callback){ //对于存在按钮点击后,开启器定时器的情况下, 当我们不断的点击按钮,元素的速度就会越来越快,因为开启了太多的定时器 // 解决方案:当我们开启下一个定时器的时候,清除上一个定时器 clearInterval(obj.timer); // 给不同元素设置不同定时器,提高运行效率 obj.timer = setInterval(function(){原创 2021-05-01 15:58:26 · 130 阅读 · 0 评论 -
仿京东倒计时案例
Date()日期对象 是一个构造函数 必须使用new来调用创建我们的日期对象如果里面没有参数 返回当前系统的当前时间参数常用的写法 数字型 2019,10,01 或者是字符串型’2019-10-1 8:8:8’getmonth :记得月份加1哦getfullyeargetdate 返回今天几号Getday 返回今天周几 周一至周六返回1~6 周日为0getHours 返回小时数getMinutes 返回分钟getSeconds 返回秒数时间戳:通过valueOf() getTime()原创 2021-04-30 22:10:12 · 119 阅读 · 2 评论 -
事件对象以及事件委托(pink老师笔记)
事件对象element.onclick = function(e){console.log(e);}// event就是一个事件对象,写到我们侦听函数的小括号里面,可以当形参来看// 事件对象只有有了事件才会存在,它是系统给我们自动创建的,不需要我们传递参数// 事件对象是我们事件的一系列相关数据的集合跟时间相关的,比如鼠标点击里面就包含了鼠标的相关信息,鼠标坐标啊等等。// 事件对象我们也可以自己命名,比如event,etarget与this<!DOCTYPE html&g原创 2021-04-25 19:30:13 · 228 阅读 · 0 评论 -
JS事件流(事件冒泡 事件委托)
DOM事件流事件流描述的是从页面中接受事件的顺序事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流分为三个阶段:捕获阶段(从上往下,从外往内)目标阶段冒泡阶段(从下往上,从内往外)注意:js只能执行捕获或者冒泡其中的一个阶段,两者不可共存onclick和attachEvent只能得到冒泡阶段,如果需要捕获阶段的话,则需要使用addEventListener事件冒泡事件冒泡:IE最早提出,事件开始时由具体的元素接收,然后逐级向上传播到DOM最顶层节点的过程&l原创 2021-04-25 18:58:36 · 120 阅读 · 0 评论 -
改变函数this指向
改变函数this指向fn.call(thisArg,arg1,arg2,…);call可以调用函数 并且改变函数内的this指向* thisArg:在fun函数运行时的this值* arg1,arg2:传递的其他参数* 返回由指定的this值和初始化参数改造的原参数拷贝<script> var obj = { name:'zhangsan' } function fn(){ console.log(t原创 2021-04-21 12:03:40 · 130 阅读 · 0 评论 -
函数调用方式以及this指向
函数调用方式以及this指向普通函数:fn();function fn(){ console.log( '普通函数:'+ this); } fn();//普通函数:window对象的方法 var obj = { sayhi:function(){ console.log(this); } } obj.sayhi();//obj构造函数: new 函数名()构造函数中的this中的原创 2021-04-21 11:59:02 · 128 阅读 · 0 评论 -
三大系列总结(offset client scroll)
元素偏移量offsetoffset概述获得元素距离带有定位父元素的位置如果子元素没有父亲或者父元素没有定位,则以body为准获得元素自身的大小(包含padding+border+width)注意:该属性返回的数值都不带单位 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co原创 2021-04-08 12:41:04 · 131 阅读 · 0 评论 -
构造函数与原型对象
构造函数和原型构造函数:是一种特殊的函数,主要用来初始化对象,即为对象的成员变量赋初始值,它总与new运算符一起使用,我们可以把对象中的一些公共的属性和方法抽取出来,然后封装到这个函数里。(存在浪费内存的问题)new关键字执行过程在内存中创建一个新对象让this指向这个新的对象执行构造函数里面的代码,给这个新对象添加属性和方法返回这个对象(所以构造函数里面不需要return);静态成员和实例成员成员:构造函数中的属性和方法我们称之为成员实例成员:构造函数内部通过this添加的成员原创 2021-03-09 21:25:18 · 133 阅读 · 0 评论 -
闭包
闭包闭包指有权访问另一个函数作用域中的函数。简单理解就是,一个作用域可以访问另外一个函数内部的局部变量。 function fn(){ var num=10; function fun(){ console.log(num); } return fun; } var f =fn(); f();//10 // 调用fn函数后,执行fn函原创 2021-03-02 23:58:40 · 51 阅读 · 0 评论