![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 91
////
Branlen
大三本科生、前端爱好者
展开
-
JavaScript实现监听路由变化
前端实现路由变化主要有两种方式,这两种方式最大特点就是实现URL切换无刷新功能①通过hash改变,利用window.onhashchange 监听。②通过history的改变,进行js操作加载页面,然而history并不像hash那样简单,因为history的改变,除了浏览器的几个前进后退(使用 history.back(), history.forward()和 history.go() 方法来完成在用户历史记录中向后和向前的跳转。)等操作会主动触发popstate 事件,pushState,re.原创 2021-08-13 21:15:33 · 4973 阅读 · 3 评论 -
js 数组详细操作方法及解析合集
ES6 Array.of() 返回由所有参数值组成的数组定义:返回由所有参数值组成的数组,如果没有参数,就返回一个空数组。目的:Array.of() 出现的目的是为了解决上述构造器因参数个数不同,导致的行为有差异的问题。let a = Array.of(3, 11, 8); // [3,11,8]let a = Array.of(3); // [3]ES6 Arrary.from() 将两类对象转为真正的数组定义:用于将两类对象转为真正的数组(不改变原对象,返回新的数组)。参数:第一个参数转载 2020-06-17 17:27:51 · 180 阅读 · 0 评论 -
判断js对象类型的多种方法,附详细说明
概述js中有多种方式可以判断对象的类型,每种判断类型的方式都有自己的优缺点。这篇文章文章中我们一共总结了4种方法:instanceoftypeofObject.prototype.toString.callconstructor1. instanceof使用方法:obj instanceof Object,左操作数是对象实例,右操作数是构造函数。instanceof关键字判断的方式如下,假定o是对象实例、c是构造函数: 如果o继承自c.prototype,则o instanceof c的转载 2020-05-22 16:24:02 · 3651 阅读 · 0 评论 -
斐波那契数列(阿里面试题)
斐波那契数列(阿里面试题)function fibonacci(n) { if (n <= 1) return 1 let arr = [1, 1]; //i表示的是即将常见多少个 let i = n + 1 - 2; while (i > 0) { let a = arr[arr.length - 2]; let b = arr[arr.leng...原创 2020-05-03 16:04:01 · 181 阅读 · 0 评论 -
数组扁平化的几种实现方式
数组扁平化数组扁平化其实挺有用的,在项目业务开发中,后台传过来的数据通常都是带有嵌套的。比如我们实现获得拥有多级的评论数据列表,获得其中评论数的话,我们这时候可以将其扁平化,再进行计算。let arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], 10]//ES6方法直接实现ar...原创 2020-05-03 16:02:27 · 289 阅读 · 0 评论 -
简单封装一个自己的AJAX
我们先说一下使用AJAX发起一个请求的过程创建一个XMLHttpRequest对象的实例, var xmlHttpRequest = new XmlHttpRequest(); //完整的过程 var xhttp; if (window.XMLHttpRequest) { //现代主流浏览器 xhttp = new XMLHttpR...原创 2020-03-10 22:27:14 · 637 阅读 · 0 评论 -
简单实现事件注册事件(各个 浏览器上兼容)
我们都可以知道:IE8是一个分水岭,除了IE8及其以下的浏览器意外,chrome、Firefox都基本支持以addEventListener方法来注册事件,以removeEventListener来解除事件。解决办法如下;var AddEventListener = { addHandler:function(element,type,handler){ //绑定事件 ...原创 2020-03-10 18:17:28 · 235 阅读 · 0 评论