合并两个有序数组LeetCode88 归并排序 /** * @param {number[]} nums1 * @param {number} m * @param {number[]} nums2 * @param {number} n * @return {void} Do not return anything, modify nums1 in-place instead. */ var merge = function(nums1, m, nums2, n) { let i = m - 1; let j = n - 1; let index = m + n -1; while(i&gt...

JWT  参考：https://www.jianshu.com/p/576dbf44b2ae  1. 什么是JWT Json web token (JWT)，是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准（(RFC 7519).该 token 被设计为紧凑且安全的，特别适用于分布式站点的单点登录（SSO）场景。JWT 的声明一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息，以便于从资源服务器获取资源，也可以增加一些额外的其它业务逻辑所必须的声明信息，该 token 也可直接被用于认证，也可被加密。 2. JWT长什么样 JWT是由三段信息构成的，将这三段信息文本用...

Proxy和defineProperty 1. Object.defineProperty 用于监听对象的数据变化 1.1 语法 Object.defineproperty(obj, key, descriptor) let obj = { age: 11 } let value = 'xiaoxiao'; Object.defineproperty(obj, 'name', { get() { return value; }, set(newValue) { value = newValue; } }) obj.name = 'pengpeng';  1.2 优势  兼容性好  1.3 缺点...

HTTP2 和 HTTP3  参考：https://juejin.cn/post/6923096773423153159  1.1. HTTP2 HTTP2 采用二进制传输将请求和数据切割为帧，帧对数据进行顺序标识多路复用，同域名下能达到一个 TCP 连接传输所有的请求数据都是基于流。 1.1.1 多路复用 多路复用代替了 HTTP1.1 的序列和阻塞机制，所有相同域名请求都通过同一个 TCP 连接并发完成。在HTTP1.1 中，并发多个请求需要多个 TCP 连接，浏览器为了控制资源会有 6-8 个 TCP 连接都限制。 如果开启了keep-alive，虽然可以用多次，但是同一时刻只能有一个 ...

浏览器进程和线程  参考：https://www.jianshu.com/p/c1808d0c1d45  1. 浏览器进程   浏览器进程 1.1 浏览器进程 main 浏览器的主进程，负责协调、主控，只有一个（无论打开几个tab或几个弹窗），主要作用：  负责浏览器界面显示，与用户交互，如前进，后退等； 负责各个页面的管理，创建和销毁其他进程； 将 Renderer 进程得到的内存中的 Bitmap，绘制到用户界面上； 网络资源的管理，下载等；  1.2 CPU进程 用于 3D 绘制等，可禁用掉，只有一个。 1.3 第三方插件进程 每种类型的插件对应一个进程，仅当使用该插件时才创建。 1.4...

一个url请求后的过程 1. 浏览器输入域名 例如输入：www.csdn.net 2. 浏览器查找域名的IP地址 浏览器会把输入的域名解析成对应的 IP，其过程如下： （1）查找浏览器缓存：浏览器一般会缓存 DNS 记录一段时间，一般 2-30min 不等。如果有缓存，直接返回IP，否则下一步。 （2）查找系统缓存：浏览器缓存中找不到 IP 之后，浏览器会进行系统调用，查找本机的 hosts 文件，如果找到，直接返回 IP，否则下一步。 （3）查找路由器缓存：如果 1,2 步都查询无果，则需要借助网络，路由器一般都有自己的 DNS 缓存，将前面的请求发给路由器，查找 ISP 服务商缓存 DNS...

Cookie、sessionStorage和localStorage 1. 共同点 都是保存在浏览器端，并且是同源的 2. 区别 2.1 生命周期 Cookie：可设置失效时间，否则默认为关闭浏览器后失效 Localstorage：除非被手动清除，否则永久保存 Sessionstorage：仅在当前网页会话下有效，关闭页面或浏览器后就会被清除 2.2 存放数据 Cookie：4k 左右 Localstorage 和 sessionstorage：可以保存5M 的信息 2.3 http 请求 Cookie：每次都会携带在 http 头中，如果使用 cookie 保存过多数据会带来性能问题 Loc...

flex:1 代表什么  参考：https://zhuanlan.zhihu.com/p/136223806  代码1 <div class="container"> <div class="div">我是一个div</div> <div class="div">我是一个很多字div</div> <div class="div">我是一个更多字而且第三个div</div> </div> <style> .co...

重绘和重排 1. 重绘 重绘（repaint 或redraw）：当盒子的位置、大小以及其他属性，例如颜色、字体大小等都确定下来之后，浏览器便把这些原色都按照各自的特性绘制一遍，将内容呈现在页面上。 重绘是指一个元素外观的改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。 触发重绘的条件：改变元素外观属性。如：color，background-color，visibility，border-style，background，text-decoration，background-image，background-position，background-repeat，ou...

CSS 渲染原理  参考：https://www.jianshu.com/p/9c71c70be3dc  1. CSS 渲染规则 css的渲染规则，是从上到下，从右到左渲染的。 .main h4 a { font-size: 14px; } 渲染过程是这样的：首先先找到所有的 a，沿着 a 的父元素查找h4，然后再沿着 h4，查找.main。中途找到了符合匹配规则的节点就加入结果集。如果找到根元素的 html 都没有匹配，则这条路径不再遍历。下一个 a 开始重复这个查找匹配，直至没有a继续查找。 浏览器的这种查找规则是为了尽早过滤掉一些无关的样式规则和元素。 2. 影响DOM树构建的因素  H...

js 的 new 操作符做了什么  参考：https://zhuanlan.zhihu.com/p/158640941  1. 做了什么 （1）创建了一个空的 js对象（即{}） （2）将空对象的原型 prototype 指向构造函数的原型 （3）将空对象作为构造函数的上下文（改变this指向） （4）对构造函数有返回值的判断 2. 怎么实现 /* create函数要接受不定量的参数，第一个参数是构造函数（也就是new操作符的目标函数），其余参数被构造函数使用。 new Create() 是一种js语法糖。我们可以用函数调用的方式模拟实现 */ function create(Con, ......

webpack 中的 loader 和 plugin 区别 参考：https://zhuanlan.zhihu.com/p/254898140 loader loader即文件加载器：用来预处理文件。 举个例子: css-loader解析css文件，并将其处理成<style>标签注入到dom中 安装loader： 配置： //file.css文件 body{ background:violet; } //index.js文件 import css from './file.css' //webpack.config.js文件 module.exports = { module:{ ...

ts 联合类型 参考：https://www.jianshu.com/p/655a6471f50f 指多个类型的合并类型 1. 基础类型联合 let a: string | number; a = 1; //ok a= "a"//ok 2. 对象类型联合 对象联合类型只能访问联合中所有共同成员 interface Women{ age: number, sex: string, cry(): void } interface Man{ age: number, sex: string, } declare function People(): Women | Man; le...

js 高阶函数 参考：https://blog.csdn.net/high32/article/details/114000979 1. 函数式编程  函数式编程不是用函数来编程，也不是传统的面向过程编程。主旨在于将复杂的函数复合成简单的函数（计算理论，或者递归论，或者拉姆达演算）。运算过程尽量写成一系列嵌套的函数调用。  1.1 函数是“一等公民” 在 javascript 里，函数被提升到“一等公民”的地位。函数与其他数据类型一样，处于平等地位，可以赋值给其他变量，也可以作为参数，传入另一个函数，或者作为别的函数的返回值。  一等公民：在编程语言中，一等公民可以作为函数参数，可以作为函数返...