分类：Javascript

2023
01-13

学会javascript之迭代器

目录简介js中的迭代器是什么样子的迭代协议可迭代协议迭代器协议迭代过程迭代总结自定义迭代传统写法生成器函数写法简介迭代器是一种设计模式，可在容器对象如链表、数组上遍历，无需关心容器对象的内存分配的实现细节。简单的理解就是可以一个一个的依次拿到其中的数据，类似一个移动的指针，但是会告诉我们什么时候结束。这样我们可以拿到数据之后可以做一些我们需要做的事情。js中的迭代器是什么样子的在javascript... 继续阅读 >
2022
09-03

JavaScript es6中var、let以及const三者区别案例详解

首先，一个常见的问题是，ECMAScript和JavaScript到底是什么关系？    ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为：ECMAScript是JavaScript的语言规范，JavaScript是ECMAScript的实现和扩展。        2011年，ECMAScript5.1版发布。之前我们大部分人用的也就是ES5    ... 继续阅读 >
2022
09-03

JavaScript 中this指向问题案例详解

总结全局环境➡️window普通函数➡️window或undefined构造函数➡️构造出来的实例箭头函数➡️定义时外层作用域中的this对象的方法➡️该对象call()、apply()、bind()➡️第一个参数全局环境无论是否在严格模式下，this均指向window对象。console.log(this===window)//true//严格模式'usestrict'cons... 继续阅读 >
2022
09-03

JavaScript函数之call、apply以及bind方法案例详解

总结1、相同点都能够改变目标函数执行时内部this的指向方法的第一个参数用于指定函数执行时内部的this值支持向目标函数传递任意个参数若不向方法的第一个参数传值或者传递undefined、null，则在JavaScript正常模式下，目标函数内部的this指向window对象，严格模式下，分别指向undefined、null。2、区别apply()方法可接收两个参数，而call()和bind()方法则可接收多个参数。apply()方法向... 继续阅读 >
2022
09-03

JavaScript axios安装与封装案例详解

1.下载axios插件cnpminstallaxios-S2.在main.js引入axiosimportaxiosfrom'axios'Vue.prototype.$http=axios3.创建axios实例letservice=axios.create({baseURL:baseUrl,//url=baseapiurl+requesturlwithCredentials:true,//sendcookieswhencross-domainrequeststimeout:5000//requesttimeout})4.请求拦截letloading;//请求拦截service.interceptors.request.use(config=>{//... 继续阅读 >
2022
08-19

详解JavaScript中Arguments对象用途

详解JavaScript中Arguments对象用途 目录前言Arguments的基本概念Arguments的作用获取实参和形参的个数修改实参值改变实参的个数检测参数合法性函数的参数个数不确定时，用于访问调用函数的实参值遍历或访问实参的值总结在实际开发中，Arguments对象非常有用。灵活使用Arguments对象，可以提升使用函数的灵活性，增强函数在抽象编程中的适应能力和纠错能力。JavaScript中Arguments对象的用途总结。前言相信我们很多人在代码开发的过程中都使用到过一个特殊的... 继续阅读 >
2022
06-10

JavaScript--在Vue中使用插槽:slot

目录在Vue中使用插槽：slot作用域插槽：使用template标签包裹总结在Vue中使用插槽：slot1、在子组件的template里可以直接使用slot标签<slot></slot>，它可以显示父组件向子组件插入的内容。2、slot标签里面可以写一些默认值，当父组件没有插入内容的时候它就会显示默认值，插入内容时就只显示插入的内容。3、当使用多个slot标签时，直接插入多个内容时，每个slot标签内都会包括所有插入的内容。可以通过slot属性给插入的不同内容设... 继续阅读 >
2022
05-17

JavaScript offsetParent案例详解

1.offsetParent定义：那么offsetParent就是距离该子元素最近的进行过定位的父元素（position：absolute relativefixed），如果其父元素中不存在定位则offsetParent为：body元  素2.根据定义分别存在以下几种情况元素自身有fixed定位，父元素不存在定位，则offsetParent的结果为null（firefox中为：body，其他浏览器返回为null）元素自身无fixed定位，且父元素也不存在定位，offsetParent为<body>元... 继续阅读 >
2022
05-12

JavaScript知识:构造函数也是函数

JavaScript知识:构造函数也是函数 目录1、构造函数的定义与调用2、new关键字的用途3、构造函数的问题：浪费内存总结首先要明确的是构造函数也是函数我经常使用构造函数来创建实例对象，例如对象和数组的实例化可以通过相应的构造函数Object()和Array()完成。构造函数与普通函数在语法的定义上没有任何区别，主要的区别体现在以下3点。(1)构造函数的函数名的第一个字母通常会大写。按照惯例，构造函数名称的首字母都是要大写的，非构造函数则以小写字母开头。这是从... 继续阅读 >
2022
05-07

JavaScript 鼠标事件(MouseEvent)案例讲解

JavaScript 鼠标事件(MouseEvent)案例讲解 鼠标事件-MouseEvent当鼠标进行某种操作时，就会生成一个event对象，该对象记录着鼠标触发事件时的所有属性。可以通过如下方法在google控制台打印出MouseEvent对象。functionmouseDown(e){vare=e||event;console.log(e)}window.onload=function(){document.getElementsByTagName('body')[0].addEventListener('mousedown',mouseDown,false)}打印出来的MouseEvent 如下：该对象属性很多，但最常用的不过offsetX... 继续阅读 >
2022
04-20

JavaScript navigator.userAgent获取浏览器信息案例讲解

JavaScript navigator.userAgent获取浏览器信息案例讲解 浏览器对于我们来说，可能是最熟悉的工具了。熟知的浏览器Firefox、Opera、Safari、IE、Chrome以外，据说世界上还有近百种浏览器。通常在开发的时候要做到兼容各种浏览器，因此提炼出判断浏览器类型及系统是很重要的。先来看看什么是User-Agent？User-Agent是HTTP请求中的用户标识，一般发送一个能够代表客户端类型的字符串，比如浏览器类型操作系统等信息。User-Agent的约定格式是：应用名，跟一个斜线，跟版本号，剩下的是自由... 继续阅读 >
2022
04-12

一篇文章带你了解JavaScript-语句

一篇文章带你了解JavaScript-语句 目录表达式语句复合语句和空语句复合语句空语句声明语句varfunction条件语句ifif/elseelseifswitch循环whiledo/whileforfor/in跳转标签语句break语句continue语句return语句throw语句try/catch/finally语句其他语句类型with语句debugger语句“usestrict”总结表总结表达式语句具有副作用的表达式是JavaScript中最简单的语句a="hello"+name;i*=3;a++;deleteo.x;alert(a);window.close();复合语句和空语句复合语句JavaScript中... 继续阅读 >
2022
04-12

一篇文章带你了解JavaScript-对象

目录创建对象对象直接量通过new创建对象原型Object.create（）属性的查询和设置继承属性访问错误删除属性检测属性序列化对象总结创建对象对象直接量对象直接量是由若干名/值对组成的映射表，名/值对中间用冒号分隔，名/值对之间用逗号分隔，整个映射表用花括号括起来。varempty={};varpoint={x:0,y:0};varpoint2={x:point.x,y:point.y+1};varbook={"maintitle":"JavaScript",//属性名字里有空格，必须用字符串表... 继续阅读 >
2022
03-14

JavaScript之clipboard用法详解

（1）介绍：clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框，文本域，DIV元素中的文本等文本内容复制到剪贴板中clipboard.js支持主流的浏览器：chrome42+;Firefox41+;IE9+;opera29+;Safari10+;（2）clipboard复印内容的方式有从target复印目标内容通过function要复印的内容通过属性返回复印的内容target复印目标内容，这里不说，就说一下function和属性的操... 继续阅读 >
2022
01-06

一篇文章带你入门Java Script

目录概述特点和Java的区别弱类型语言强类型语言书写位置数组函数JS中的自定义对象（扩展内容）Object形式的自定义对象JS中的事件常用的事件：动态注册基本步骤：DOM模型总结概述JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。JS组成部分：组成部分作用ECMAScript... 继续阅读 >
2021
10-17

JavaScript与JQuery框架基础入门教程

目录一，JS对象二，DOM?1，作用?2，测试三，Jquery?1，概述?2，使用步骤?3，入门案例?4，jQuery的文档就绪四，JQuery的语法?1，选择器?2,常用函数?3,常用事件?4,练习总结一，JS对象<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>测试js的创建对象</title><script>//2.创建对象方式2：varp2={//绑定了属性name:"张三",age:19,//绑定了函数eat:function(a){console.l... 继续阅读 >