![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 55
不停止的程序
这个作者很懒,什么都没留下…
展开
-
Cookie、sessionStorage、localStorage 的区别
Cookie、sessionStorage、localStorage 的区别原创 2022-08-02 17:11:25 · 82 阅读 · 0 评论 -
前端八股文
前端八股文转载 2022-08-02 16:28:21 · 110 阅读 · 0 评论 -
js面试题(下)
17. 解释一下JS的展开操作符?展开运算符在需要多个参数/变量/元素的位置展开表达式,它用三个点(…)。 如:var mid = [3, 4];var newarray = [1, 2, ...mid, 5, 6]; console.log(newarray); // [1, 2, 3, 4, 5, 6]18. JS中的宿主对象与原生对象有何不同?宿主对象象:这些是运行环境提供的对象。这意味着它们在不同的环境下是不同 的。例如,浏览器包含像windows这样的对象,但是Node.js环境提供原创 2022-03-12 10:16:34 · 194 阅读 · 0 评论 -
js面试题 (上)
1.js中let和const有什么用?在现代js中,let&const是创建变量的不同方式。 在早期的js中,咱们使用 var关键字来创建变量。 let&const关键字是在ES6版本中引入的,其目的是在 js中创建两种不同类型的变量,一种是不可变的,另一种是可变的。const:它用于创建一个不可变变量。不可变变量是指其值在程序的整个生命周 期中永不改变的变量。let: let用于创建一个可变变量,可变变量是像var这样的普通变量,可以任意 次数地更改。2. JS 中的主要有哪几类错误JS有三类的原创 2022-03-06 18:03:20 · 590 阅读 · 3 评论 -
class 和普通构造函数有何区别?
Js 构造函数: function MathHandle(x, y) { this.x = x this.y = y } MathHandle.prototype.add = function () { return this.x + this.y } var m = new MathHandle(1, 2) console.log(m原创 2022-02-27 15:38:21 · 749 阅读 · 0 评论 -
split()和 join()的区别?
split():是把一串字符(根据某个分隔符)分成若干个元素存放在一个数组里 即切割成数组的形式;join():是把数组中的字符串连成一个长串,可以大体上认为是 split()的逆操作原创 2022-02-27 15:13:28 · 171 阅读 · 0 评论 -
new 操作符具体干了什么呢?
1. 创建一个空对象: 并且 this 变量引入该对象,同时还继承了函数的原型2. 设置原型链 空对象指向构造函数的原型对象3. 执行函数体 修改构造函数 this 指针指向空对象,并执行函数体4. 判断返回值 返回对象就用该对象,没有的话就创建一个对象...原创 2022-02-27 15:12:22 · 137 阅读 · 0 评论 -
js 防抖和节流
在进行窗口的 resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制, 会加重浏览器的负担,导致用户体验非常糟糕 此时我们可以采用 debounce(防抖)和 throttle(节流)的方式来减少调用频率,同时又不影响 实际效果函数防抖:函数防抖(debounce):当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一 次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时 如下,持续触发 scroll 事件时,并不执行 handle 函数,当 100原创 2022-02-27 15:10:26 · 132 阅读 · 0 评论 -
event 对象的常见应用
event 对象的常见应用1. event.preventDefault(); // 阻止默认行为,阻止 a 链接默认的跳转行为2. event.stopPropagation(); // 阻止冒泡3. event.stopImmediatePropagation(); // 按钮绑定了 2 个响应函数,依次注册 a,b 两个事件, 点击按钮,a 事件中加 event.stopImmediatePropagation()就能阻止 b 事件4. event.currentTarget // 早期的原创 2022-02-27 15:04:35 · 270 阅读 · 0 评论 -
圣诞老人-jq-html
动态圣诞老人头像先上原图代码分为三部分:1.基本结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CodePen - Merry Christmas</title> </head><body> <div class="sky"></div> <原创 2021-12-22 16:19:45 · 1004 阅读 · 0 评论 -
JS中的arguments
arguments众所周知,js是一门相当灵活的语言。当我们在js中在调用一个函数的时候,我们经常会给这个函数传递一些参数,js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面,那么这到底是什么东西?在js中万物皆对象,甚至数组字符串函数都是对象。所以这个叫做arguments的东西也是个对象,而且是一个特殊的对象,它的属性名是按照传入参数的序列来的,第1个参数的属性名是’0’,第2个参数的属性名是’1’,以此类推,并且它还有length属性,存储的是当前传入函数参数的个数,很多时候转载 2021-06-29 19:25:17 · 429 阅读 · 0 评论 -
JS动画效果
一:轮播图轮播图在网页中运用较广,经常使用于头部banner,使用于电商网站中,例如;淘宝、京东、天猫等购物平台都少不了。而轮播图有多种类型,这次就和大家说说其中的两款。轮播图的原理:点击上一张或下一张时,图片移动的距离为图片本身的宽度;点击图片下的原点导航时跳转到相应的图片位置。1、一般的轮播图。这一类型的轮播图,在切换图片的过程中,图片会缓慢的滑动到达相应的位置,即可以看到图片到达相应位置的全过程。<!DOCTYPE html><html> <head>原创 2021-06-29 19:19:25 · 166 阅读 · 0 评论 -
this指向
一、普通函数中的this指向二、定时器方法中的this指向三、构造函数中的this指向四、对象方法中的this指向五、原型对象方法中的this指向//普通函数function f1() { console.log(this);}f1();普通函数this指向window//定时器方法setInterval(function () { console.log(this);},2000);定时器方法指向window//构造函数function Person(原创 2021-06-23 16:40:54 · 84 阅读 · 0 评论 -
Ajax详解
1. AJAX- 到底什么是Ajax?ajax 全名 async javascript and XML(异步JavaScript和XML)是前后台交互的能⼒ 也就是我们客户端给服务端发送消息的⼯具,以及接受响应的⼯具AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。是⼀个 默认异步执⾏机制的功能,AJAX分为同步(async = false)和异步(async = true)- 什么是同步请求?(fa转载 2021-06-21 09:31:25 · 97 阅读 · 0 评论 -
使用JS实现简单的选项卡功能
首先我们来写HTML代码,构建出整体结构<!DOCTYPE html><div id="news"> <ul class="clearfix"> <li class="active"><a href="">国内</a></li> <li><a href="">国际</a></li> <li><a href="">财金&l原创 2021-05-20 15:25:25 · 294 阅读 · 0 评论 -
js数组去重的多种方法
数组去重也是前端面试中很常见的一个问题一、双层循环比较相同的值,使用splice删除重复元素 function uniqueArr(arr){ if(!Array.isArray(arr)){ alert("type error"); return; } for(let i=0;i<arr.length;i++){ for原创 2021-05-12 20:09:36 · 170 阅读 · 0 评论 -
JS数组的总结
数组创建JavaScript中创建数组有两种方式,第一种是使用 Array 构造函数:var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("lion","lingxi"); // 创建一个包含2个字符串的数组创建数组的第二种基本方式是使用数组字面量表示法:var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建一个包含转载 2021-05-12 19:52:07 · 114 阅读 · 0 评论 -
JS回调函数
JS回调函数什么是回调函数:回调函数就是一个被作为参数传递的函数,回调函数的使用可以大大提升编程的效率,这使得它在现代编程中被非常多地使用。二.js中函数可以作为参数传递<script language="javascript">02 function SortNumber( obj, func ) // 定义通用排序函数03 {04 // 参数验证,如果第一个参数不是数组或第二个参数不是函数则抛出异常05原创 2021-04-23 09:44:10 · 256 阅读 · 0 评论 -
JS函数详解
函数的基本概念、声明及调用;函数作用域、作用域链、闭包;this指向及修改和绑定this指向等。1.函数概念,声明及调用JS中的函数:把一段需要重复使用的代码,用function语法包起来,方便重复调用,分块和简化代码。复杂一点的,也会加入封装、抽象、分类等思想。声明方式:严格意义上两种方式,但还有匿名函数方式一: function 方法名(){ //要执行的代码 }方式二:ES6中声明方式箭头函数,()=>{}方式三:匿名函数,将函数存到变转载 2021-04-22 19:48:28 · 425 阅读 · 0 评论