add 阶段四

Author: webVueBlog

README.md

@@ -13,7 +13,73 @@ https://github.com/webVueBlog/Leetcode
 
 欢迎大家前来讨论，如果觉得对你的学习有一定的帮助，欢迎点个Star （此仓库每天都会准时更新）
 
-## 阶段二
+## 🥲 阶段四
+
+<details open>
+<summary>展开查看</summary>
+
+- 146.[页面导入样式时，使用link和@import有什么区别](./阶段四/页面导入样式时.js)
+- 147.[什么是“use strict”,好处和坏处](./阶段四/好处和坏处.js)
+- 148.[console.log(0.1 + 0.2)](./阶段四/console.md)
+- 149.[数组pop(), push(), unshift(), shift()的区别](./阶段四/数组.md)
+- 150.[==和===](./阶段四/和.md)
+
+</details>
+
+## 🧑🏻‍💻 阶段三
+
+<details open>
+<summary>展开查看</summary>
+
+- 101.[闭包语义](./阶段三/闭包语义.js)
+- 102.[构造函数的作用和使用形态](./阶段三/构造函数的作用和使用形态.js)
+- 103.[延伸函数生命周期](./阶段三/延伸函数生命周期.js)
+- 104.[传递参数](./阶段三/传递参数.js)
+- 105.[对象的含义](./阶段三/对象的含义.js)
+- 106.[浅拷贝](./阶段三/浅拷贝.js)
+- 107.[加解密](./阶段三/加解密.js)
+- 108.[发送消息](./阶段三/发送消息.js)
+- 109.[深拷贝](./阶段三/深拷贝.js)
+- 110.[对象api](./阶段三/对象api.js)
+- 111.[计算机的组成](./阶段三/计算机的组成.js)
+- 112.[进程和线程](./阶段三/进程和线程.js)
+- 113.[访问器](./阶段三/访问器.js)
+- 114.[代理对象](./阶段三/代理对象.js)
+- 115.[代理函数](./阶段三/代理函数.js)
+- 116.[原型链](./阶段三/原型链.js)
+- 117.[nodeEvent](./阶段三/nodeEvent.js)
+- 118.[websocket](./阶段三/websocket.js)
+- 119.[HTTPS工作流程](./阶段三/HTTPS工作流程.js)
+- 120.[三次挥手](./阶段三/三次挥手.js)
+- 121.[缓存](./阶段三/缓存.js)
+- 122.[数组使用代理拦截操作](./阶段三/数组使用代理拦截操作.js)
+- 123.[创建对象](./阶段三/创建对象.js)
+- 124.[解构赋值](./阶段三/解构赋值.js)
+- 125.[Object.assign](./阶段三/assign.js)
+- 126.[四次挥手](./阶段三/四次挥手.js)
+- 127.[浏览器输入URL后回车](./阶段三/浏览器输入URL后回车.js)
+- 128.[webpack实践](./阶段三/webpack实践.js)
+- 129.[mustache](./阶段三/mustache.js)
+- 130.[set语法](./阶段三/set语法.js)
+- 131.[map语法](./阶段三/map语法.js)
+- 132.[箭头函数](./阶段三/箭头函数.js)
+- 133.[模板字符串](./阶段三/模板字符串.js)
+- 134.[模板字符串](./阶段三/模板字符串.js)
+- 135.[构造函数](./阶段三/构造函数.js)
+- 136.[声明类的语法](./阶段三/声明类的语法.js)
+- 137.[在类里面使用访问器](./阶段三/在类里面使用访问器.js)
+- 138.[public属性](./阶段三/public属性.js)
+- 139.[scoped](./阶段三/scoped.js)
+- 140.[keep-alive](./阶段三/keep-alive.js)
+- 141.[vue-router](./阶段三/vue-router.js)
+- 142.[vue-loader](./阶段三/vue-loader.js)
+- 143.[修饰符](./阶段三/修饰符.js)
+- 144.[Vue.delete](./阶段三/delete.js)
+- 145.[OSI七层网络模型](./阶段三/OSI七层网络模型.js)
+
+</details>
+
+## 🤣 阶段二
 
 <details open>
 <summary>展开查看</summary>
@@ -71,7 +137,7 @@ https://github.com/webVueBlog/Leetcode
 
 </details>
 
-## 阶段一
+## 🧑🏻‍💻 阶段一
 
 <details open>
 <summary>展开查看</summary>

阶段三/1.OSI七层网络模型.jpg

@@ -0,0 +1,14 @@
+/**
+ * 客户端： 验证密钥， 验证， 是， 生成随机key， 复制密钥， 使用key解密内容
+ * 
+ * 服务器： 公钥，私钥 使用 私钥解密 获取key，使用key隐藏内容
+ * 
+ * 1. 请求网站
+ * 2. 生成公钥和私钥
+ * 3. 响应公钥
+ * 4. 验证是否https，生成随机key，复制密钥
+ * 5. 隐藏传输随机key
+ * 6. 使用私钥，获取key，使用key隐藏内容
+ * 7. 使用客户端key响应加密内容
+ * 8. 使用key解密内容
+ */

阶段三/5.三次挥手.jpg

@@ -0,0 +1,39 @@
+/**
+ * 主机： 应用层，表示层，会话层，传输层
+ * 
+ * 网络： 网路层，数据链路层，物理层
+ */
+
+/**
+ * 应用层：
+ * 访问网络服务的接口
+ * 例如： 为操作系统或网络应用程序提供网络服务的接口
+ * 常见： TeInet, HTPP, DNS, HTP, SNMP
+ * 
+ * 表示层： 提供数据格式转换服务
+ * 例如：加密与解密，图片编码和解码， 数据压缩 和 解压缩
+ * 常见： URL 加密，口令加密，图片编码解码
+ * 
+ * 会话层：建立端连接并提供访问验证和会话管理（session)
+ * 例如： 使用校验点可使会话在通信失败时 从校验点恢复通信
+ * 常见： 服务器验证登录，断电续传
+ * 
+ * 传输层： 提供应用进程间的逻辑通信
+ * 例如： 建立连接，处理数据包错误，数据包次序
+ * 常见： TCP， UDP， SPX， 进程，端口（socket）
+ * 
+ */
+
+/**
+ * 网络层： 为数据在结点之间传输 创造逻辑链路，并分组转发数据
+ * 例如： 对子网间的数据包进行路由选择
+ * 常见：路由器，多层交换机，防火墙，IP， IPX，RIP，OSPF
+ * 
+ * 数据链路层： 在通信的实体间建立数据链路连接
+ * 例如： 把数据分帧，并处理流控制，物理地址寻址，重发等
+ * 常见：网卡，网桥，二层交换机
+ * 
+ * 物理层： 为数据段设备提供原始比特流的传输的通路
+ * 例如：网络通信的数据传输介质，由电缆与设备共同构成
+ * 常见：中继机， 集线器，网线，HUB， RJ-45标准
+ */

阶段三/6.四次挥手.jpg

@@ -0,0 +1,11 @@
+const target = { a: 1 };
+const source1 = { b: 2, a: 3 };
+const source2 = { c: 3 };
+
+Object.assign(target, source1, source2);
+
+console.log(target); // { a: 3, b: 2, c: 3 }
+//如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。
+//Object.assign()方法实行的是浅拷贝，而不是深拷贝。
+
+//也就是说，如果源对象某个属性的值是对象，那么目标对象拷贝得到的是这个对象的引用。

阶段三/9.缓存.jpg

@@ -0,0 +1,6 @@
+/**
+ * delete 只是被删除的元素变成了 empty/undefined 其他的元素的键值还是不变。
+ * 
+ * Vue.delete 直接删除了数组 改变了数组的键值。
+ */
+

阶段三/HTTPS工作流程.js

@@ -0,0 +1,7 @@
+/**
+ * activated 和 deactivated
+ * 
+ * 1. activated 页面第一次进入的时候，钩子触发的顺序是 created -> mounted -> activated
+ * 
+ * 2. deactivated 页面退出的时候触发
+ */