我开发联机桌游时，联机功能是通过WebSocket实现的。在前端使用WebSocket时踩了4个坑，分享给大家，不要再踩这些坑了！建议收藏。

仅需2行代码，就能让JS文件的加载耗时减少951ms（-67%），代码实现也非常简单方便，耐心看完，一定会有所收获

【字体压缩】淦，以后不用怕字体文件了 背景 开发项目的时候遇到一个这样的需求：要求使用思源黑体。据了解，一般字体文件体积都是蛮大的，通常 5MB+。谷歌了下思源黑体字体包，更是达到了 10MB。这么大

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

很多时候我们的项目换个电脑就语法错误、运行报错、打包失败可能都是因为使用了不同的node版本导致的兼容性问题。package-lock.json 的冲突也有可能是node版本不一致导致的

22年7月入职了现在的公司。记录一下在公司做的前端代码优化，如果你也遇到了同样的问题，希望可以帮助到你,或者可以在评论区进行交流。

M1芯片Mac上使用Homebrew安装nvm 网上的nvm教程大多数是使用curl的方式下载nvm，但是最近访问不了外网网站。所以本教程使用homebrew来安装

由于我们的技术栈采用的是 React, 目前还没有一个成熟库可以同时支持自由拖拽和缩放, 我们不得不用 react-dragable 和 react-resiable两个库来实现拖拽和缩放, 但是这样我们要维护的数据结构就相当复杂了(当然vue生态有成熟的vue-dragabl…