佟舟-CSDN博客

原创 js深浅拷贝

深拷贝递归 function deepClone(source){ const targetObj = source.constructor === Array ? [] : {}; // 判断复制的目标是数组还是对象 for(let keys in source){ // 遍历目标 if(source.hasOwnProperty(keys)){ if(source[keys] && typeof source[keys] === 'object'){ //

2020-09-03 14:41:11 178 1

转载数组扁平化

let a = [1, [2, 3], [4, [5, [6, 7, 8]]], [9, 10]]; 1、ES6方法 let aRes= a.flat(Infinity); 2、for循环递归 function flatten(arr) { var res = []; for (let i = 0, length = arr.length; i < length; i++) { if (Array.isArray(arr[i])) { res = [...res,

2020-09-03 14:17:10 80 1

转载 js数据类型

数据类型最新的 ECMAScript 标准定义了 8 种数据类型： 7 种原始类型: Boolean Null Undefined Number BigInt String Symbol 和 Object BigInt 类型是啥。。 BigInt类型是 JavaScript 中的一个基础的数值类型，可以用任意精度表示整数。使用 BigInt，您可以安全地存储和操作大整数，甚至可以超过数字的安全整数限制。BigInt是通过在整数末尾附加 n 或调用构造函数来创建的。通过使用常量Number.MAX_S

2020-09-02 15:47:45 115 1

转载手写ajax

xhr 具有以下常用属性： responseText：请求返回的数据内容 responseXML：如果响应内容是"text/xml"“application/xml”，这个属性将保存响应数据的 XML DOM文档 status：响应的HTTP状态，如 200 304 404 等 statusText： HTTP状态说明 readyState：请求/响应过程的当前活动阶段 timeout：设置请求超时时间 xhr.readyState==0 尚未调用 open 方法 xhr.readyState=

2020-09-02 15:30:04 93 1

转载回流和重绘

html 加载时发生了什么在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体 DOM Tree 和样式结构体组合后构建render tree, render tree类似于DOM tree，但区别很大，因为render tree能识别样式，render tree中每个NODE都有自己的style，而且render tree不包含隐藏的节

2020-09-02 15:17:30 132 1

转载从 URL 输入到页面展现到底发生什么？

原文：从 URL 输入到页面展现到底发生什么？总体来说分为以下几个过程: DNS 解析:将域名解析成 IP 地址 TCP 连接：TCP 三次握手发送 HTTP 请求服务器处理请求并返回 HTTP 报文浏览器解析渲染页面断开连接：TCP 四次挥手一、 ...

2020-09-02 09:25:06 110 1

转载浏览器缓存

前言缓存过程浏览器发起HTTP请求 – 服务器响应该请求，浏览器第一次向服务器发起该请求后拿到请求结果，会根据响应报文中HTTP头的缓存标识，决定是否缓存结果：缓存类型强制缓存协商缓存强制缓存当浏览器向服务器发起请求时，服务器会将缓存规则放入HTTP响应报文的HTTP头中和请求结果一起返回给浏览器，控制强制缓存的字段分别是Expires和Cache-Control，其中Cache-Control优先级比Expires高。 Expires Expires是HTTP/1.0控制网页缓存的字段

2020-09-01 19:54:29 117 1

佟舟的博客