05 2021 档案
摘要：安全特性 在 HTTP 和 HTTPS 中，知道 HTTP 在通信过程中，存在以下问题： 通信使用明文（不加密），内容可能被窃听 不验证通信方的身份，因此有可能遭遇伪装 而 HTTPS 的出现正是解决这些问题，HTTPS 是建立在 SSL 之上，其安全性由 SSL 来保证 在采用 SSL 后，HTT
阅读全文
摘要：HTTP (HyperText Transfer Protocol) 超文本运输协议，是实现网络通信的一种规范 在计算机和网络世界有，存在不同的协议，如广播协议、寻址协议、路由协议等等...... 而 HTTP 是一个传输协议，即将数据由 A 传到 B 或将 B 传输到 A，并且 A 与 B 之间能
阅读全文
摘要：UDP（User Datagram Protocol） 用户数据包协议，是一个简单的「面向数据报的通信协议」，即对应用层交下来的报文，不合并，不拆分，只是在其上面加上首部后就交给了下面的网络层 也就是说无论应用层交给 UDP 多长的报文，它统统发送，一次发送一个报文 而对接收方，接到后直接去除首部，
阅读全文
摘要：OSI （Open System Interconnect） 全称为开放式通信系统互连参考模型，是国际标准化组织 ( ISO ) 提出的一个试图使各种计算机在世界范围内互连为网络的标准框架 OSI 将计算机网络体系结构划分为七层，每一层实现各自的功能和协议，并完成与相邻层的接口通信。即每一层扮演固定
阅读全文
摘要：1、HTTP1.0 HTTP 协议的第二个版本，第一个在通讯中指定版本号的 HTTP 协议版本 HTTP 1.0 浏览器与服务器只保持短暂的连接，每次请求都需要与服务器建立一个 TCP 连接 服务器完成请求处理后立即断开 TCP 连接，服务器不跟踪每个客户也不记录过去的请求 简单来讲，每次与服务器交
阅读全文
摘要：1、 URL 解析 首先判断你输入的是一个合法的 URL 还是一个待搜索的关键词，并且根据你输入的内容进行对应操作 一个 url 的结构解析如下： 2、DNS 查询 参考前面的 DNS 描述与查询过程 整个过程如下图： 最终，获取到了域名对应的目标服务器 IP 地址 3、TCP 连接 参考前面的 T
阅读全文
摘要：三次握手 三次握手（Three-way Handshake）其实就是指建立一个 TCP 连接时，需要客户端和服务器总共发送 3 个包 主要作用就是为了确认双方的接收能力和发送能力是否正常、指定自己的初始化序列号为后面的可靠性传送做准备 过程如下： 第一次握手：客户端给服务端发一个 SYN 报文，并指
阅读全文
摘要：TCP/IP，「传输控制协议」/「网际协议」，是指能够在多个不同网络间实现信息传输的协议簇 TCP（传输控制协议） - 一种面向连接的、可靠的、基于字节流的传输层通信协议 IP（网际协议） - 用于封包交换数据网络的协议 TCP/IP 协议不仅仅指的是 TCP 和 IP 两个协议，而是指一个由 FT
阅读全文
摘要：Function.prototype.bind bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。 语法 function.bind(thisArg[, arg1[, arg2[,
阅读全文
摘要：Function.prototype.call call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。 注意： 该方法的语法和作用与 apply() 方法类似，只有一个区别，就是 call() 方法接受的是一个参数列表，而 apply() 方法接受的是一个包含多个参
阅读全文
摘要：Function.prototype.apply apply() 方法调用一个具有给定 this 值的函数，以及以一个数组（或类数组对象）的形式提供的参数。 注意： call()方法的作用和 apply() 方法类似，区别就是 call()方法接受的是参数列表，而 apply()方法接受的是一个参数
阅读全文
摘要：math.random() math.random()方法返回一个伪随机浮点数，结果区间为[0, 1)，在区间内近似均匀分布，可以使用别的方法缩放到所需的范围。它实现了选择初始值的随机数生成算法；使用者无法主动选择值或进行重置。 Math.random(); // 0.214463594142393
阅读全文
摘要：DNS（Domain Names System），域名系统，是互联网一项服务，是进行域名和与之相对应的 IP 地址进行转换的服务器 简单来讲，DNS 相当于一个翻译官，负责将域名翻译成 ip 地址 IP 地址：一长串能够唯一地标记网络上的计算机的数字 域名：是由一串用点分隔的名字组成的 Intern
阅读全文
摘要：CDN (全称 Content Delivery Network)，即内容分发网络 构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN 的关键技术主要有内容存储
阅读全文
摘要：HTTP 头字段（HTTP header fields）,是指在超文本传输协议（HTTP）的请求和响应消息中的消息头部分 它们定义了一个超文本传输协议事务中的操作参数 HTTP 头部字段可以自己根据需要定义，因此可能在 Web 服务器和浏览器上发现非标准的头字段，下面是一个 HTTP 请求的请求头：
阅读全文
摘要：HTTP 状态码（英语：HTTP Status Code），用以表示网页服务器超文本传输协议响应状态的 3 位数字代码 它由 RFC 2616 规范定义的，并得到 RFC 2518、RFC 2817、RFC 2295、RFC 2774 与 RFC 4918 等规范扩展 简单来讲，http 状态码的作
阅读全文
摘要：GET 和 POST，两者是 HTTP 协议中发送请求的方法 GET GET 方法请求一个指定资源的表示形式，使用 GET 的请求应该只被用于获取数据 POST POST 方法用于将实体提交到指定的资源，通常导致在服务器上的状态变化或「副作用」 其本质上都是 TCP 链接，并无差别 但是由于 HTT
阅读全文
摘要：Object.defineProperty() Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。 const object1 = {}; Object.defineProperty(object1, "property1
阅读全文
摘要：Array.prototype.reduce reduce() 方法对数组中的每个元素执行一个由您提供的 reducer 函数(升序执行)，将其结果汇总为单个返回值。 语法 arr.reduce(callback(accumulator, currentValue[, index[, array]]
阅读全文
摘要：Array.prototype.filter filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 语法 var newArray = arr.filter(callback(element[, index[, array]])[, thisArg]) 参数 callb
阅读全文
摘要：1、 异步迭代器（asynchronous iterators） es2017 新增了 async/await，使我们能在同步的写法中执行异步函数，但是在循环中： async function foo(array) { for (let i of array) { await doSomething
阅读全文
摘要：定时器类 class myTimer { /** * @param {Function} cb 回调函数 * @param {Number} sec 执行间隔时间ms */ constructor(cb, sec) { this.cb = cb; this.timer = null; this.se
阅读全文
摘要：大佬去世的时候百度百科都会把他们的个人百科页面变为黑白 以前经常看到类似的页面，也知道实现方案比较简单，但是百科页面找不到那个 css 代码，也就懒得找了 2021/05/22 日袁老去世，再次打开百科页面，仔细找了下，总算找到了那行 css 放的位置了 先放结果： 使用的是 css3 中的 fil
阅读全文
摘要：Array.prototype.map map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。 语法 var new_array = arr.map(function callback(currentValue[, index[, array]]) { // Re
阅读全文
摘要：## 时间对象各单位上的数值增减 ```js /** * 时间对象的数值增减 * @param {String} interval 增减的时间类型 y - 年 | q - 季度 | M - 月 | w - 周 | d(default) - 日 | h - 时 | m - 分 | s - 秒 * @p
阅读全文
摘要：概念 interface 接口 接口主要用于类型检查，它只是一个结构契约，定义了具有相似的名称和类型的对象结构。除此之外，接口还可以定义方法和事件。 type (alias)类型别名 不同于 interface 只能定义对象类型，type 声明还可以定义基础类型、联合类型或交叉类型。 差异点 1.
阅读全文
摘要：<!-- 有时，Google在结果页面会提供一个翻译链接，但有时候你不希望出现这个链接，你可以添加这样一个meta标签 --> <meta name="google" content="notranslate" /> <!-- 使用这个meta标签你可以控制浏览器在一段时间之后自动刷新。举例说明，下
阅读全文
摘要：/** * 数组元素交换位置 * @param {array} arr 数组 * @param {number} index1 添加项目的位置 * @param {number} index2 删除项目的位置 * index1和index2分别是两个数组的索引值，即是两个要交换元素位置的索引值，如1
阅读全文
摘要：vuex 中为什么把把异步操作封装在 actions，把同步操作放在 mutations？问题来自知乎 官方文档说明：“在 mutations 中混合异步调用会导致你的程序很难调试。例如，当你能调用了两个包含异步回调的 mutations 来改变状态，你怎么知道什么时候回调和哪个先回调呢？这就是为什
阅读全文
摘要：字符串填充 String padding String 增加了两个实例方法 — padStart 和 padEnd，这两个方法可以在字符串的首/尾添加其他字符串，类似数组的 unshift，push 方法 语法 str.padStart(targetLength [, padString]) str
阅读全文
摘要：控制面板/设置 win + i 呼出文件管理器 win + e 最小化除当前窗口以外其他应用窗口 拖拽当前窗口，抖动几下即可 继续抖动，会显示被最小化的窗口 最小化全部窗口 win + d 打开云剪贴板 win + v 打开自带的截图 win + shift + v 打开自带的emoji表情 win
阅读全文
摘要：数组方法 includes Array.prototype.includes(value : any) : boolean // 如果value是当前数组的元素则返回true，否则返回false。 includes 和 indexOf 方法很类似，以下表达式是相等的： arr.includes(x)
阅读全文
摘要：ECMAScript: 通常用于指代标准本身，一个由 ECMA International 进行标准化，TC39 委员会进行监督的语言。 JavaScript：ECMAScript 标准的各种实现的最常用称呼。这个术语并不局限于某个特定版本的 ECMAScript 标准，并且可能被用于任何不同程度的
阅读全文
摘要：除了 null, undefined 以外，其他所有数据类型都有这两个方法。它们位于构造函数的原型上，用于解决 js 的值运算与显示的问题 valueOf 和 toString 几乎都是在出现操作符(+-*/==><)时才会被调用（隐式转换）。 toString 返回一个表示该对象的字符串，当对象表
阅读全文
浙公网安备 33010602011771号