忧容骑士的博客

从缓存位置分为四种，并且有各自的优先级，按优先级从高到低排序分别是：1、Service Worker2、Memory Cache3、Dish Cache4、Push CacheService WorkerService Worker 是运行在浏览器背后的独立线程，涉及到请求拦截，所以必须使用 HTTPS 协议来保障安全。它可以让我们自由控制缓存哪些文件、如何匹配缓存、如何读取缓存，并且缓存是持续性的。Service Worker 实现缓存功能一般分为三个步骤：1、首先需要先注册 Servi

原文地址https://juejin.im/post/6844903958624878606#heading-2三次握手和四次挥手是各个公司常见的考点，也具有一定的水平区分度，也被一些面试官作为热身题。很多小伙伴说这个问题刚开始回答的挺好，但是后面越回答越冒冷汗，最后就歇菜了。见过比较典型的面试场景是这样的:面试官：请介绍下三次握手求职者：第一次握手就是客户端给服务器端发送一个报文，第二次就是服务器收到报文之后，会应答一个报文给客户端，第三次握手就是客户端收到报文后再给服务器发送一个报文，三次

重排和重绘

get和post区别

HTTP请求过程1、对输入网址进行DNS域名解析，得到对应的IP地址　　DNS解析实现网址和IP的转换，是寻找最近的有你需要资源的机器的过程。访问顺序：浏览器缓存——操作系统缓存——本地host文件——路由器缓存——ISP（网络服务器提供商）DNS——顶级/跟DNS服务器解析方式递归解析：先向该域名的根域名服务器查询，再有根域名服务器向下一级级查询迭代解析：解析该域名的其他DNS服务器，IP地址返回经客户端DNS程序，（找到相关服务器），客户端DNS再向这个DNS服务器查询。2、根据这个I

HTML<div class="circle-dot"> <dev id="light"></dev></div>CSS.circle-dot{ position: relative; margin-top: 50%; margin-left: 50%; width: 20px; height: 20px; border-radius: 50%; background-color: black;

一、http概念1、HTTP是超文本传输协议的缩写,是应用层上的一种客户端/服务端模型的通信协议。2、HTTP是一个基于TCP/IP通信协议来传递数据（如HTML 文件, 图片文件, 查询结果等）。二、http的特点1、简单快速：客户向服务器请求服务时，只需传送请求方法和路径。2、灵活：HTTP允许传输任意类型的数据对象。3、无连接：无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间。4、无状态：HTTP协议是无状态协

1. 父传子(1) props父组件内声明所有的 props[1] 方式一: 只指定名称props: [‘name’, ‘age’, ‘setName’][2] 方式二: 指定名称和类型props: {name: String,age: Number,setNmae: Function}[3] 指定名称/类型/必要性/默认值props: {name: {type: String, required: true, default:xxx},}子组件：(2) Slot 标签传值

1. 相同点两者都是在判断DOM节点是否要显示。2. 不同点(1) 实现方式v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点v-show只是在修改元素的css样式，也就是display的属性值，元素始终在Dom树上。(2) 编译条件v-if是惰性的，如果初始条件为假，则什么也不做；只有在条件第一次变为真时才开始局部编译；v-show是在任何条件下（首次条件是否为真）都被编译，然后被缓存，而且DOM元素始终被保留；(3) 性能消耗v-if有更高的切换消耗，不适合做频繁的

显示转换**Number（）：**将括号内的值转换成数字类型并返回。(1) Null——0；(2) undefined——NaN；(3) 字母——NaN；(4) 负数字符串形式可以转换负数。**pareInt（）：**把括号内的值转换成整型（直接去掉，小数位非四舍五入）pareInt（demo，16）：第二个参数为0，系统认为你没写。第二个参数代表进制，将目标进制数转换成十进制格式**Parsint ：**从数字位看到非数字位，砍断规则。对比理解Parsefloat：**String

1. 如何给一个元素绑定事件(1) ele.onxxx = function (event) {}；[1] 兼容性很好。[2] 一个元素的同一个事件上只能绑定一个处理程序。[3] 基本等同于写在HTML行间上。[4] This指向本身。(2) Obj.addEventlListener(type, fn, false);[1] 1E9以下不兼容。[2] 一个事件绑定多个处理程序。同个函数绑定多次，执行一次。[3] This指向本身。[4] False若为true，则为事件捕获。(3)

LeetCode：7. 整数反转一.分析二.代码给出一个 32 位的有符号整数，你需要将这个整数中每位上的数字进行反转。实例：输入: -123 输出: -321一.分析这个题的关键是判断反转后的整数是否还在范围内，若超出范围，则称为“溢出”。如何判断是否“溢出”呢？int32的范围为[-231,231)，即[-2 147 483 648，2 147 483 648)。设当前计算结果为re...

(1) 概念理解比如说中午去餐厅吃饭，走到一个买米买面的窗口开始排队买房，当排到你时，你告诉阿姨你要吃面条，但是阿姨告诉你没有面条了，需要你自己去买面条然后拿来煮，所以阿姨给你一个号码。然后阿姨开始接着让后边排队的同学买饭，你嘞，带着号码牌去买面条。阿姨把当前窗口的同学接待完，开始呼喊那些去买面条同学的号码，当你听到你的号码时，你拿着号码和面条找阿姨煮面。然后你就吃上了一碗香喷喷的面条。在这过程中：你去买面条相对于一个异步操作。买面条的过程相当于异步pending（进行中）状态，买到面条相当于是fulf

一、 箭头函数1. ES6函数变换(1) 函数可以传入默认参数function show({x=0,y=0}={}){ console.log(x,y);};show();(2) 函数参数默认已经定义，不能再使用let，const声名function show(a=18){ let a=101; //错误console.log(a);};show();(3) 扩展运算符,rest运算符 ··· 传参数2. 箭头函数(1) this指向函数定义所在对象，不再是运行时所在的对象

1. 模板字符串字符串拼接常规操作let name =’Strive’;let age =18;let str =’这个人叫’+name+‘，年龄是’+age+‘岁’；使用模板字符串拼接let str =’这个人叫name，年龄是{name}，年龄是name，年龄是{age}岁’；2. 字符串操作[1] 字符串查找：Str.includes(要找的东西)——返回true或者false；[2] Js中的字符串查找Str.indexOf(要找的东西)——返回索引位置，没找到的话返回-1；[3

https的SSL加密是在传输层实现的。(1)http和https的基本概念http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。https: 是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。https协议的主要作用是：建立一个信息安全通道，来确保数组的

1.盘符切换可以切换到其他盘，不区分大小写。2. DIR目录命令（directory）查看当前路径下的所有文件夹3.切换目录（change directory）cd 文件夹名（可以打出首字母然后使用Tab键自动补全）4.cd …命令 返回根目录.代表当前目录…代表根目录没有…的语法规范5.cd \一步回到根目录或者多次计算返回几次 使用…\6. 清屏操作（clear screen）cls命令7. 关闭DOS窗口exit命令8.创建文件夹（make directo

本人前端小垃圾一个，想练习算法，但又无心研究后端的idea，又大又看不懂，于是把魔抓伸向前端常用的工具，VS code，啊哈哈哈哈！一、电脑已经安装好JDK并成功配置环境变量参考文章：https://blog.youkuaiyun.com/qq_42364543/article/details/99694882二、利用VS code运行java1.建立一个文件夹，加入VS code的工作区2.下载...

一、下载JDK1.JDK下载链接：https://www.oracle.com；2.点击 “Downloads”；3.点进去后向下滑，找到 “Developer Downloads”，点击“Java”；4.页面会自动滑到“Java”，点击“Java(JDK) for Developers”；5.下载JDK,记得勾选“Accept License Agreement”，选择适合自己系...

1.单位脉冲序列         代码如下：                   N=15；  n0=0；n = -15:15; x = (n-n0)==0;stem(n,x);        图像如下： 2.延迟ks的单位脉冲序列代码如下：                        k0=-4;kf=8;ks=5;k=k0:kf;x...

数组的解构赋值默认值1.只有当一个数组成员严格等于undefined，默认值才会生效。如果一个数组成员是null，默认值就不会生效，因为null不严格等于undefined。let [foo = true] = [];foo // truelet [x, y = 'b'] = ['a']; // x='a', y='b'let [x, y = 'b'] = ['a', undefined]; // x='a', y='b'let [x = 1] = [undefined];x // 1le

一、let命令1. 不存在变量提升var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined。这也是JavaScript最让人烦的地方，let命令所声明的变量一定要在声明后使用，否则报错。console.log(variable1); var variable1 = 123;console.log(variable2); let variable2 = 456;var 的情况：输出undefined。let 的情况：报错ReferenceError。2. l

css3实现loading加载动画一、基本的css原理二、HTML代码三、css代码四、实现效果一、基本的css原理1.box-shadow: h-shadow v-shadow blur spread color inset值描述h-shadow...

一、作用域1. 定义理解：在 Javascript 中，作用域也叫执行环境/环境，每个执行环境都有一个与之关联的变量对象，对象中有些属性仅供JavaScript引擎存取，[[scope]]就是其中一个，存储了运行期上下文的集合。2. 作用域分类：(1)、全局作用域是最外围的一个执行环境。在 Web 浏览器中，全局作用域被认为是 window 对象，因此所有全局变量和函数都是作为 window 对象的属性和方法创建的。全局作用域直到应用程序退出时才会被销毁(例如关闭网页或浏览器)。是最外围的一个执

一、概念补充1.函数声明函数声明是一种独立的结构，不能嵌套在非功能模块中。没有函数名为匿名函数可以将它类比变量声明。就像变量声明必须以“var”开头一样，变量声明必须以“function”开头。function 函数名 (参数1，参数2，…){ 函数体};示例:function myFunction (){ console.log("hello world"); }function (){ console.log("这是个匿名函数。"); }2.函数表达式