WebSocket 浅实现一个简易聊天室

WebSocket 浅实现一个简易聊天室01 WebSocket 特点WebSocket 协议，是全双工协议。它的特点：控制开销实时通讯 ws(wss):// 支持文本，二进制传输基于 TCP 之下，服务端实现比较简单 02 实现想法 03 客户端的关键实现细节前端浏览器，本身自带有 WebSocket 对象，所以通过 new 的形式，就可以得到 ws 实例比如，用户

2022-04-20

WebSocket

WebSocket

antd 按需引入

antd 按需引入01 CRA 创建项目后12// 暴露 config 文件夹npm run eject 02 安装 antd 和 babel-plugin-import123// 安装 adtd 以及 babel-plugin-importnpm i babel-plugin-import -Dnpm i antd 03 配置 antd 按需加载找到下列文件增加配置 webpack.con

2022-04-20

antd

antd

如何正确姿势使用 Hooks 优化性能? 🤔

前言，你真的了解 Hooks 么? 今天看了一篇关于 Hooks 使用误区的一篇文章，ahooks 的作者从特别的角度，带我们重新认识 Hooks

2022-04-20

React Hook

Hook

Nest.js 环境变量配置

前言，程序需要跑在不同环境下，所以就会需要不同的环境变量,例如生产环境,测试环境，不同环境的，里面变量也是一样的，比如说数据库的信息，端口号等等。配置不同的环境变量也是为了实现软编码，防止一些重要的参数泄漏

2022-04-20

Node Nest

Nest

Vlist 虚拟网格组件 -- 解读🤓

前言，前几天刚完成一个需求，长（网格）列表优化，主要参考了虚拟列表原理。不同的是，虚拟列表是一维线性下来的，而虚拟网格是二维，要考虑不仅是屏幕高度，还要屏幕的宽度。不废话辽，上干货。

2022-03-30

React

虚拟列表虚拟网格

封装组件 -- FileTable

在写个这个组件之前，首当其冲想到是改造 Antd ‘s Table 组件，图个方便（不需要一个一个写样式）。但是后面发现，antd 自带的 Table 对于高度自适应非常不友好（特别是数据量少的时候，table 直接给你缩成短短一行）

2022-03-28

React

React

Typora 小妙招 -- 图片服务器😊

Typora 是当今程序猿笔记利器，当我们需要插图片在笔记中，保存其实是本地图片。一旦你上传到自己播客上面，就会发现图片显示不出来，非常麻烦。这边教大家配置一个图片服务器，使用 sm.ms 作为图床

2022-03-28

Typora

stopPropagation 和 stopImmediatePropagation区别✌️

stopPropagation , stopImmediatePropagation

2022-03-28

React 长列表性能优化 -- react-window

假如有一天，你遇到一个非常变态的需求或者一个不会分页的后端 -- 前端拿到 1W+条数据时，你会怎么做？浏览器性能是有限的的，把 1w+条数据渲染到页面，非常容易造成页面卡顿，导致用户体验不佳。🤷‍♀️

2022-03-28

React

React 性能优化

useCallback 和 useMemo 的区别

刚看官方文档的时候。也许会觉得他们很像，或者认为`useCallback` 是 `useMemo`的语法糖🍬,其实不然，他们虽然说都是 “性能优化” 的手段，他们的用法和关注层面还是有点不一样

2022-03-28

hook

React hook