Skip to content

Commit d4e8ef8

Browse files
coderInwindcoderInwind
committed
2024
2 parents 0753722 + b06813b commit d4e8ef8

28 files changed

+56
-56
lines changed

‎data/blog/Async、Awiteyuanli.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Async、Awite原理
33
date: 2022-03-10T12:50:11Z
44
summary:
5-
tags: []
5+
tags: ["JavaScript"]
66
---
77

88
我想在异步中调用一个异步，在在这个异步中调用一个异步

‎data/blog/BFChegaodutaxian.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: BFC和高度塌陷
3-
date: 2022-03-10T12:50:54Z
3+
date: 2023-12-23T12:50:54Z
44
summary:
5-
tags: []
5+
tags: ["JavaScript"]
66
---
77

88
## 高度塌陷

‎data/blog/ES6dixin特xing.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: ES6的新特性
3-
date: 2022-02-10T12:48:31Z
3+
date: 2023-12-23T12:48:31Z
44
summary:
5-
tags: []
5+
tags: ["JavaScript"]
66
---
77

88
## 数组的解构

‎data/blog/ES6dixin特xing（er）.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: ES6的新特性（二）
3-
date: 2022-02-11T12:49:13Z
3+
date: 2023-12-23T12:49:13Z
44
summary:
5-
tags: []
5+
tags: ["JavaScript"]
66
---
77

88
## Symbol

‎data/blog/ES6dixin特xing（san）.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: ES6的新特性（三）
3-
date: 2022-02-20T12:49:31Z
3+
date: 2023-12-23T12:49:31Z
44
summary:
5-
tags: []
5+
tags: ["JavaScript"]
66
---
77

88
## Array.prototype.includes

‎data/blog/Vueyuanmayuedu——Vueneibudichushihualiucheng.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: Vue源码阅读——Vue内部的初始化流程
3-
date: 2022-11-25T12:18:35Z
3+
date: 2023-12-23T12:18:35Z
44
summary:
5-
tags: []
5+
tags: ["Vue"]
66
---
77

88
## new 一个 Vue 实例

‎data/blog/Vueyuanmayuedu——xiangmujiegoufenxi.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Vue源码阅读——项目结构分析
3-
date: 2022-11-23T12:05:22Z
3+
date: 2023-12-23T12:05:22Z
44
summary:
55
tags: ["Vue"]
66
---

‎data/blog/Vueyuanma——chushihuainitLifecycle.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: Vue源码——初始化initLifecycle
3-
date: 2022-12-27T12:25:31Z
3+
date: 2023-12-23T12:25:31Z
44
summary:
5-
tags: []
5+
tags: ["Vue"]
66
---
77

88
## 前言

‎data/blog/Vueyuanma——gongjuhanshucached.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: Vue源码——工具函数cached
3-
date: 2022-12-26T12:24:22Z
3+
date: 2023-12-23T12:24:22Z
44
summary:
5-
tags: []
5+
tags: ["Vue"]
66
---
77

88
## 前言

‎data/blog/Vueyuanma——mobanbianyi（ba）.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: Vue源码——模版编译（八）
3-
date: 2022-12-24T12:39:51Z
3+
date: 2023-12-23T12:39:51Z
44
summary:
5-
tags: []
5+
tags: ["Vue"]
66
---
77

88
## 前言

‎data/blog/Vueyuanma——mobanbianyi（er）.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: Vue源码——模版编译（二）
3-
date: 2022-12-1T13:32:13Z
3+
date: 2023-12-23T13:32:13Z
44
summary:
5-
tags: []
5+
tags: ["JavaScript"]
66
---
77

88
## 前言

‎data/blog/Vueyuanma——mobanbianyi（liu）.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: Vue源码——模版编译（六）
3-
date: 2022-12-20T12:38:42Z
3+
date: 2023-12-23T12:38:42Z
44
summary:
5-
tags: []
5+
tags: ["Vue"]
66
---
77

88
## 前言

‎data/blog/Vueyuanma——mobanbianyi（qi）.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: Vue源码——模版编译（七）
3-
date: 2022-12-21T12:39:10Z
3+
date: 2023-12-23T12:39:10Z
44
summary:
5-
tags: []
5+
tags: ["Vue"]
66
---
77

88
## 前言

‎data/blog/Vueyuanma——mobanbianyi（san）.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: Vue源码——模版编译（三）
3-
date: 2022-12-05T12:32:15Z
3+
date: 2023-12-23T12:32:15Z
44
summary:
5-
tags: []
5+
tags: ["Vue"]
66
---
77

88
## 前言

‎data/blog/Vueyuanma——mobanbianyi（si）.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: Vue源码——模版编译（四）
3-
date: 2022-12-06T12:32:45Z
3+
date: 2023-12-23T12:32:45Z
44
summary:
5-
tags: []
5+
tags: ["Vue"]
66
---
77

88
## 前言

‎data/blog/Vueyuanma——mobanbianyi（wu）.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: Vue源码——模版编译（五）
3-
date: 2022-12-08T12:33:10Z
3+
date: 2023-12-23T12:33:10Z
44
summary:
5-
tags: []
5+
tags: ["Vue"]
66
---
77

88
## 前言

‎data/blog/Vueyuanma——mobanbianyi（yi）.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: Vue源码——模版编译（一）
3-
date: 2022-11-30T12:26:37Z
3+
date: 2023-12-23T12:26:37Z
44
summary:
5-
tags: []
5+
tags: ["Vue"]
66
---
77

88
## 前言

‎data/blog/Vueyuanma——ruhechuangjianyigeganjingdimap.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: Vue源码——如何创建一个干净的map
3-
date: 2022-11-26T12:31:21Z
3+
date: 2023-12-23T12:31:21Z
44
summary:
5-
tags: []
5+
tags: ["Vue"]
66
---
77

88
## 前言

‎data/blog/diedaiqiheshengchengqi.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: 迭代器和生成器
3-
date: 2022-03-01T12:49:47Z
3+
date: 2023-12-23T12:49:47Z
44
summary:
5-
tags: []
5+
tags: ["JavaScript"]
66
---
77

88
## 什么是迭代器

‎data/blog/hanshudikelihua.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: 函数的柯里化
3-
date: 2022-02-03T12:48:50Z
3+
date: 2023-12-23T12:48:50Z
44
summary:
5-
tags: []
5+
tags: ["JavaScript"]
66
---
77

88
## 柯里化？

‎data/blog/jiVue3zhongshiyongEchartsshidiaoyongqiresizefangfabaocuo.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: 记Vue3中使用Echarts时调用其resize方法报错
3-
date: 2022-06-13T12:38:15Z
3+
date: 2023-12-23T12:38:15Z
44
summary:
5-
tags: []
5+
tags: ["Vue"]
66
---
77

88
## 前言

‎data/blog/liulanqidixuanranyuanli.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: 浏览器的渲染原理
3-
date: 2022-01-12T12:42:45Z
3+
date: 2023-12-23T12:42:45Z
44
summary:
55
tags: ["浏览器"]
66
---

‎data/blog/mianxiangduixiang.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: 面相对象
3-
date: 2022-01-10T12:44:44Z
3+
date: 2023-12-23T12:44:44Z
44
summary:
5-
tags: []
5+
tags: ["JavaScript"]
66
---
77

88
## 面向对象的三大特性

‎data/blog/shiyaoshibibao？.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: 什么是闭包？
3-
date: 2022-01-04T12:43:44Z
3+
date: 2023-12-23T12:43:44Z
44
summary:
5-
tags: []
5+
tags: ["JavaScript"]
66
---
77

88
## 闭包的定义

‎data/blog/shiyongWebScoketshixianliaotianshi.mdx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
tags: ["WebAPI","JavaScript"]
66
---
77

8-
### 前言
8+
## 前言
99
下来一个需求，要求实现类型一个聊天室的功能，我们使用到了`websocket`进行双向通讯实现。
1010
* 什么是websocket
1111
mdn做出如下解释：[WebSockets](https://developer.mozilla.org/zh-CN/docs/Web/API/WebSocket) 是一种先进的技术。它可以在用户的浏览器和服务器之间打开交互式通信会话。使用此 API，你可以向服务器发送消息并接收事件驱动的响应，而无需通过轮询服务器的方式以获得响应。
@@ -14,7 +14,7 @@ websocket与http协议相同点是他们都是基于TCP的协议，不同的是
1414
1. websocket是双向通信协议，而http是单向的
1515
2. 在建立连接的过程中，websocket会利用http请求进行握手，会经历四步: 客户端发送握手请 --> 服务端响应握手请求--> 客户端验证请求 --> 建立连接。而http需要经历三握四挥。
1616

17-
### websocket 实现聊天室
17+
## websocket 实现聊天室
1818

1919
首先我们需要建立websocket连接，值得注意的是如果你想在请求头上携带token，websocket是不支持自定义请求头名的，你可以放到第二个参数里，后端通过请求头`sec-websocket-protocol`获取，或者你可以直接凭借到请求的url上：
2020
```
@@ -33,13 +33,13 @@ chatState.chatInstance.onmessage = (res) => {
3333
```
3434
这样就完成了一个简单的websocket连接。
3535

36-
### 心跳
36+
## 心跳
3737
websocket并在不收发信息的情况下并不能一直维持连接，所以我们需要做心跳来维持websocket的连接，心跳这个名字我觉得形容的很恰当，心不跳自然就断开了，做心跳要和服务端约定好，我这里传一个`[PING]`，服务端就会返回一个`[PONG]`，我们在收到服务器消息的时候写一个定时器，过30s后我们再次发送，这样就能通过心跳维持WS的连接了。
3838

39-
### 聊天信息的流式输出
39+
## 聊天信息的流式输出
4040
因为在聊天的时候可能出现一些长文本，为了优化用户体验，我们需要实现一个流式输出的功能，我跟后端约定聊天的回复会一个字或几个字的传回来，但他们前后必须是有`[BEGIN]`和`[DONE]`消息的，所以在接收到相关的消息是我们将字符一个个拼接起来就能实现流式效果了。
4141

42-
### 语音的流式播放
42+
## 语音的流式播放
4343
同样的，长文本的语音播放太慢了，所以实现了一个语音的流式播放（真折磨）,这里我同样使用到了websocket，后端将TTS合成的二进制数据，然后一段段的传回来，这里我用到了一个库`pcm-player`：
4444
```
4545
const initPlayer = (index) => {

‎data/blog/shousipromise.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: 手撕promise
3-
date: 2021-11-22T12:44:27Z
3+
date: 2023-12-23T12:44:27Z
44
summary:
5-
tags: []
5+
tags: ["JavaScript"]
66
---
77

88
## promise？

‎data/blog/shousipromise（er）.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: 手撕promise（二）
3-
date: 2021-11-23T12:47:57Z
3+
date: 2023-12-23T12:47:57Z
44
summary:
5-
tags: []
5+
tags: ["JavaScript"]
66
---
77

88
## 手撕promise

‎data/blog/thiszhixiangna？.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
title: this指向哪？
3-
date: 2021-12-23T12:44:07Z
3+
date: 2023-12-23T12:44:07Z
44
summary:
5-
tags: []
5+
tags: ["JavaScript"]
66
---
77

88
## 显示绑定

0 commit comments

Comments
 (0)