![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
仰.
程序员小崔,努力写代码
展开
-
JS数组/对象去重
文章核心:简单易懂,一目了然原创 2023-03-30 09:50:40 · 373 阅读 · 0 评论 -
浅显易懂的JS继承
1.用原型链继承 (要注意的是:在引用数据类型中push进去一个东西会改变原数组) function parent(name, age) { //声明一个父函数,并在里面设置一些属性 this.name = name this.age = age this.hobby = ['足球', '篮球', '乒乓球'] } function son() {} //声明一个子函数 son.prototype = new parent(..原创 2022-03-31 14:12:03 · 660 阅读 · 2 评论 -
怎么获取浏览器地址栏的URL?怎么加密?
1、console.log(window.location.href); //获取浏览器地址栏的整个url 2、console.log(window.location.protocol); //获取浏览器地址栏url的协议部分:http 3、console.log(window.location.host); //获取浏览器地址栏url的端口部分:localhost:8080 4、console.log(window.location.pathname); //获取浏览器地...原创 2022-03-13 16:39:40 · 2827 阅读 · 1 评论 -
赋值、浅拷贝、深拷贝怎么实现?
1.使用递归的方式实现//使用递归的方式实现数组、对象的深拷贝function deepClone1(obj) { //判断拷贝的要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝 var objClone = Array.isArray(obj) ? [] : {}; //进行深拷贝的不能为空,并且是对象或者是 if (obj && typeof obj === "object") { for (key in obj) {原创 2022-03-04 20:23:46 · 890 阅读 · 0 评论 -
接口返回常见的状态码?
code:http状态码分类 以1开头的状态码: 提示信息---表示请求正在处理 以2开头的状态码: 成功---表示请求正常的处理完毕 以3开头的状态码: 重定向---表示再进一步处理才能完成请求 以4开头的状态码: 客户端错误---表示语法错误 以5开头的状态码: 服务器错误---表示服务器处理请求出现错误 http常见的状态码 200: 请求成功 400: 语法的错误 401: 当前请求需要用户验证 403: .原创 2022-03-04 10:44:20 · 330 阅读 · 0 评论 -
从输入URL浏览器到页面加载发生了什么?
(1). 浏览器的地址栏输入URL并按下回车;(2).浏览器查找当前URL是否存在缓存并判断是否过期;(3).DNS解析URL对应的IP;(4).根据IP创建TCP连接;(三次握手)(5).HTTP发送请求;(6).服务器处理请求,浏览器接收HTTP响应;(7).渲染页面,构造DOM树;(8).关闭TCP连接;(四次挥手)...原创 2022-03-02 17:43:01 · 560 阅读 · 0 评论 -
JS数据类型之5种判断方式?
1.JS的数据类型有哪些呢?(1).基本数据类型(又称类型值)如下7种:Number(数值)、String(字符串)、Boolean(布尔值)、Undefined(未定义)、Null(空)、Symbol(es6新增独一无二的值) 和 BigInt(es10新增);(2).引用数据类型:Object、Array、 function、Date、RegExp。...原创 2022-03-01 12:50:14 · 790 阅读 · 0 评论 -
async和await
二、async/awaitAsync 和await 是一种同步的写法,但还是异步的操作,两个内容还是必须同时去写才会生效不然的话也是不会好使1.asayc的用法,它作为一个关键字放到函数前面,这样普通函数就变为了异步函数2.异步async函数调用,跟普通函数的使用方式一样3.异步async函数返回一个promise对象4.async函数配合await关键字使用(阻塞代码往下执行)是异步方法,但是阻塞式的优点:1.方便级联调用:即调用依次发生的场景;2.同步代码编写方式:.原创 2022-02-23 22:47:08 · 276 阅读 · 0 评论 -
用JS获取移动设备信息
获取设备信息少不了的一个JS脚本就是 : mobile-detect.js,如图第二个script链接就是mobile-detect.js的网上链接。它的官方链接我给大家放在这里了:mobile-detect.js官方地址https://www.mobile-detect.cn/ <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script> <script ..原创 2022-02-22 19:51:23 · 8867 阅读 · 5 评论 -
什么是回流,什么是重绘,有什么区别?
什么是回流?页面中元素的尺寸,布局,隐藏等改变而需要重新构建页面,就会引起回流。什么是重绘?页面中元素属性发生改变,而这些属性只是影响元素的外观,风格,而不会影响布局的,比如background-color。则就叫称为重绘有什么区别?回流必将引起重绘,而重绘不一定会引起回流。比如:只有颜色改变的时候就只会发生重绘而不会引起回流当页面布局和几何属性改变时就需要回流比如:添加或者删除可见的DOM元素,元素位置改变,元素尺寸改变——边距、填充、边框、宽度和高度,内容改变优化项目,提高性能原创 2022-02-09 07:38:03 · 1354 阅读 · 0 评论 -
数组的方法API大全
整理了以下数组方法 join() push()和pop() shift() 和 unshift() sort() reverse() concat() slice() splice() indexOf()和 lastIndexOf() (ES5新增) forEach() (ES5新增) map() (ES5新增) filter() (ES5新增) every() (ES5新增) some() (ES5新增)1|0join()join,就是把数组转换成字符串,然后给他..原创 2022-01-20 17:35:29 · 194 阅读 · 0 评论 -
js数据类型判断
四种方法typeof、instanceof、constructor、Object.prototype.toString.call()、jquery.type()6.自己封装一个function gettype(obj) { var type = typeof obj; if (type !== 'object') { return type; } //如果不是object类型的数据,直接用typeof就能判断出来 //如果是object类型数据,准确判断类型必须使原创 2022-01-20 13:05:43 · 300 阅读 · 0 评论 -
宏任务和微任务异步和单线程
一、什么是宏任务和微任务 js的逻辑执行机制是先执行同步的任务再执行异步的任务,而任务又分为宏任务和微任务,那么就是先执行微任务再执行宏任务。二、异步和单线程 像这种情况new promise就是同步,它的回调就是异步。1)所有的同步任务都在主线程上执行,行成一个执行栈。2)除了主线程之外,还存在一个任务列队,只要异步任务有了运行结果,就在任务列队中植入一个时间标记。...原创 2022-01-19 12:28:43 · 978 阅读 · 0 评论 -
闭包与this指向
1.闭包 闭包1.函数作为参数被传递2.函数作为返回值被返回3.内部函数可用访问外部函数<script> //函数作为返回值 function create() { let a = 100 return function() { console.log(a); } } ...原创 2022-01-15 20:58:19 · 795 阅读 · 0 评论 -
作用域和自由变量
1.变量作用域:就是一个变量可以使用的范围。js中首先有一个最外层的作用域,全局作用域; js中可以通过函数来创建一个独立作用域称为函数作用域,函数可以嵌套,所以作用域也可以嵌套; es6中新增了块级作用域(大括号,比如:if{},for(){},while(){}…); es6作用域,只适用于const,let: 2.自由变量自由变量的概念:当前作用域没有定义的变量...原创 2022-01-14 19:37:29 · 147 阅读 · 0 评论 -
JS原型与原型链
1. prototype每个函数都有一个prototype属性,被称为显示原型2._ _proto_ _每个实例对象都会有_ _proto_ _属性,其被称为隐式原型每一个实例对象的隐式原型_ _proto_ _属性指向自身构造函数的显式原型prototype3. constructor每个prototype原型都有一个constructor属性,指向它关联的构造函数。4. 原型链获取对象属性时,如果对象本身没有这个属性,那就会去他的原型__proto__上去找,如果还查..原创 2022-01-14 16:32:48 · 238 阅读 · 0 评论