js
文章平均质量分 62
RoddyLD
这个作者很懒,什么都没留下…
展开
-
process.env.VUE_APP_BASE_API 获取不到
process.env.VUE_APP_BASE_API 获取不到import axios from 'axios'// 创建axios实例const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, // api的base_url timeout: 50000, // 请求超时时间,})axios.defaults.headers = { contentType: 'application/json',原创 2021-10-11 16:45:33 · 7481 阅读 · 0 评论 -
js事件委托(代理)
js事件委托(代理)一、什么叫事假委托二、事件委托的原理三、事件委托举例四、事件委托优缺点一、什么叫事假委托事件委托,就是某个事件本来该自己干的,但是自己不干,交给别人来干。就叫事件委托。打个比方:一个button对象,本来自己需要监控自身的点击事件,但是自己不来监控这个点击事件,让自己的父节点来监控自己的点击事件。二、事件委托的原理利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行三、事件委托举例<ul id="ul1"> <li>1</li原创 2021-05-30 23:22:49 · 244 阅读 · 0 评论 -
JS事件的三个阶段详解
JS事件的三个阶段详解一、JS事件的三个阶段二、冒泡阶段触发事件三、捕获阶段触发事件四、阻止冒泡行为五、阻止事件冒泡和默认行为一、JS事件的三个阶段事件处理机制的三个阶段:1.捕获 2.目标 3.冒泡element.addEventListener(event, function, useCapture)useCapture:事件处理机制(捕获阶段true,目标阶段,冒泡阶段false)默认为冒泡阶段捕获阶段:事件从外向内执行; 冒泡阶段:事件从内向外执行当点击目标元素的时候就是这三步,唯一原创 2021-05-30 22:14:30 · 2341 阅读 · 0 评论 -
JS中null和undefined的区别
JS中null和undefined的区别一、undefined的理解二、null的理解三、null与undefined的区别一、undefined的理解undefined的产生为初始化的时候,如果没有进行赋值,它是一个预定义的全局变量,在你没有进行对某个变量进行赋值的时候,他会被赋为undefined。二、null的理解null是人为进行赋值的。比如某个函数或者数组等等复杂类型,你如果想要进行一个舍弃,可以把它赋值为null。此时浏览器会进行一个回收。其中typeof(null)会是一个objec原创 2021-05-23 22:40:19 · 312 阅读 · 0 评论 -
一道经典的js面试题Foo.getName()
一道经典的js面试题Foo.getName();getName();Foo().getName();getName();new Foo().getName();new Foo().__proto __.getName();new Foo.getName();new new Foo().getName()题目如下:<script> // 代码块1:一个构造函数,里面有个全部变量getName 指向一个匿名函数 function Foo(){ //getName并没有使用关原创 2021-05-23 21:11:20 · 512 阅读 · 0 评论 -
关于函数中的this指向问题
关于函数中的this指向问题前言一、普通函数中this指向二、对象里面的this指向三、函数表达式中的this指向四、立即执行函数的this指向五、定时器计时器中this的指向六、箭头函数里面的this指向七、构造函数里面的this指向7.1当作普通函数进行调用7.2 作为构造函数使用的时候7.3当this关键字 遇上return八、总结前言函数在执行时,会在函数体内部自动生成一个this指针。谁直接调用产生这个this指针的函数,this就指向谁。提示:以下是本篇文章正文内容,下面案例可供参考原创 2021-05-05 21:19:09 · 3653 阅读 · 2 评论 -
JS实现图片轮播(方法二)
方法二具有图片滑动效果,具体实现代码如下所示:HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播</title> <link rel=原创 2021-04-04 22:00:05 · 149 阅读 · 0 评论 -
JS实现图片轮播(方法一)
效果如下:下面是具体的实现代码:HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播</title> <link rel="styl原创 2021-04-04 21:50:48 · 1589 阅读 · 2 评论 -
js实现省市区(县)三级联动
js实现省市区(县)三级联动实现效果如下:js文件过大,一万多行就不上传了,如有需要请评论,下面是js文件data的基本数据图实现代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2021-03-20 11:49:01 · 2053 阅读 · 4 评论 -
js实现年月日联动功能
js实现年月日联动功能实现年月日联动最核心的就是要判断每个月份的天数,月份的天数可能是28或29或30或31天。然后通过appendChild()方法和getElementByID()方法实现年月日的联动功能。具体实现代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi原创 2021-03-20 11:06:42 · 1255 阅读 · 0 评论 -
js中克隆详解
js中克隆详解再讨论js克隆之前,我们先来回忆一下js的数据类型。基本数据类型:数值型、字符串型、布尔型、null、undefined。引用数据类型:函数、数组、对象(因为万物皆对象,所有也可以说引用数据类型只有object)1.克隆对象是基本数据类型我们可以直接赋值给需要的变量即可 <script> var a=10; var b=a; console.log(a); //10 console.log(b); //10 b=520; c原创 2021-03-14 23:16:51 · 3729 阅读 · 1 评论 -
js获取身份证信息
js获取身份证信息(输入前十七位计算第十八位)身份证号码是由18位数字组成的,他们分别表示:前1、2位数字表示:所在省份的代码;前3、4位数字表示:所在城市的代码;前5、6位数字表示:所在区县的代码;第7~14位数字表示:出生年、月、日;第15、16位数字表示:所在地的派出所的代码;第17位数字表示性别:奇数表示男性,偶数表示女性;第18位数字是校验码:校验码可以是数字0-9,10用X表示。<!DOCTYPE html><html lang="en"><原创 2021-03-14 20:40:42 · 1328 阅读 · 0 评论 -
JS原型和原型链
JS原型和原型链一、prototype和__proto__的概念1.显示原型(prototype )2.隐式原型(__proto __)3.例题二、原型链图1.构造函数2._proto_与prototype3.person → Person → Object4.完整原型链一、prototype和__proto__的概念1.显示原型(prototype )所有的函数都有一个属性,prototype 称之为函数原型默认情况下,prototype是一个普通的对象默认情况下,prototype中有一原创 2021-03-06 23:01:10 · 143 阅读 · 1 评论 -
JS中作用域和预编译以及作用域链的剖析
JS中作用域和预编译以及作用域链的剖析一、作用域1.全局作用域2.函数作用域(局部作用域)二、预编译1.全局预编译2.函数预编译3.代码举例三、作用域链一、作用域1. 全局作用域写脚本块中的代码全局作用于中声明的变量,会被提前到代码块的顶部进行定义,成为全局对象的属性2. 函数作用域函数内部定义的变量,会被提升到函数代码块中的顶部,并且不会成为全局对象的属性1.全局作用域代码如下(示例):console.log(a);//undefined 声明一个空间 并赋默认值 undefined原创 2021-03-06 17:29:59 · 154 阅读 · 0 评论 -
JavaScript循环练习题
JavaScript循环练习题①输出1-10与5相乘的结果<script> function ld(){ for (var i=1;i<=10;i++){ console.log(5*i); } } ld()</script> ②用程序计算1-100的和,并输出 <script> function lxy(){ var i=0;原创 2021-01-25 19:39:44 · 878 阅读 · 0 评论 -
JavaScript求最大公约数和最小公倍数
JavaScript求最大公约数和最小公倍数话不多说,直接上图,下图是求两个数的最大公约数其中的方法之一。求两个数的最小公倍数就更简单了,在知道最大公约数的前提下,两个的数的乘积除以最大公约数就是最小公倍数了完整的代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device原创 2021-01-21 20:05:40 · 2791 阅读 · 0 评论 -
JavaScript中运算符的应用
运算符的应用前言一、算术运算符二、字符串运算符三、比较运算符四、赋值运算符五、逻辑运算符六、条件运算符七、typeof运算符八、位运算九、运算符优先级前言什么是运算符? 它是完成一系列操作的符号。运算符用于将一个或几个值进行计算而产生一个新的值,操作数可以是常量或变量。 JavaScript的运算符按照操作数的个数可以分为单目运算符、双目运算符、三目运算符;按功能可以分为算术运算符、比较运算符、赋值运算符、字符串运算符、逻辑运算符、条件运算符等。一、算术运算符算术运算符用于程序中的加、减原创 2021-01-18 20:24:03 · 267 阅读 · 0 评论 -
JavaScript新手小白入门篇(一)
文章目录JavaScript新手小白入门篇(一)一:JavaScript怎么去使用?二:JavaScript代码应该放在什么地方?三:JavaScript是什么样的语言?四:变量五:JavaScript中的数据类型六:数据类型的检测七:JavaScript中的输入输出八:表达式中的类型转换JavaScript新手小白入门篇(一)一:JavaScript怎么去使用?行内JavaScript,标签上去添加JavaScript属性内部JavaScript,代码放置在script标签中外部JavaScr原创 2021-01-11 20:57:43 · 242 阅读 · 0 评论