今天又是周一

如何使用WebSocket实现一个简单的聊天功能。WebSocket是一种网络通信协议，它提供了在单个TCP连接上进行全双工通信的功能。在下面这个聊天应用示例中，...

在vue3 + Pinia + electron 项目中，利用electron-store实现跨进程的存储。并手动实现了插件核心功能...

monorepo最佳实践 pnpm turborepo monorepo + pnpm + vue3 + element-plus 0-1 完整教程#monorepo 架构...

我知道，它听起来像是《魔法战队》中某一集出现的东西。然而，AOP 是实际存在的。此外，虽然我们现在没有使用它，但它却可以被应用于我们日常会见到的一些用例中。 它最大的优势在...

前言 谈到设计模式，有人觉得很难，学不会，有人觉得离前端很远，不需要学习，有人可能没听说过，谈不上学习，总有许多的原因，你和设计模式擦肩而过，确实，不需要设计模式，一样能完...

利用 AI + MSW 实现高效的前端 Mock 数据开发，通过上传后端接口文档定义图片直接生成mock数据，简化公式化操作...

实现效果展示 画布展示 泛化关系 组合关系 交互展示 移动线预览 移动元素预览 移动后效果 动图展示 SVG 绘制箭头连线 在 SVG 中绘制箭头有多种方法，最常见的是使用...

通过 SVG 和相关逻辑计算，我们可以实现一个简易的思维导图。支持动态添加、删除和编辑节点，节点之间的关系通过贝塞尔曲线展示。此外，通过拖动和缩放操作，用户可以方便地浏览和...

有些人可能会误解 Node.js 脚本，认为它是用 Node.js 编写的。他们可能会觉得如果不懂 Node.js 的语法就无法编写 Node.js 脚本，感觉会写 Nod...

前端工程师必备：5个改变开发效率的 MCP Server > **TL;DR**: 本文详细介绍5个专为前端工程师打造的 MCP Server，涵盖设计稿转代码、最新文档获...

monorepo项目的搭建 1.全局安装pnpm 2.使用pnpm初始化项目 得到一个初始化的package.json的文件，内容如下: 3.目录创建和pnpm-works...

学习 React 时做的练手项目，基于纯 Hooks 和 flex 布局实现的思维导图。 所有组件都是函数组件，由 Hook 实现事件、状态等的管理。除了 useState...

1、安装whistle 启动后，打开http://127.0.0.1:8899/#network，页面如下 2、安装proxy SwitchyOmega下载地址：https...

团队开发时，制定一定的规范，既能提高协作效率，还能保证格式统一。哪怕有了规范，但难免粗心大意而忽略规范的时候。通过husky和lint-staged在一定程度上可约束团队人...

新版的eslint@8.57.0扁平化的不再需要搭配prettier的简洁配置，旨在快速完成项目规范约束...

万字长文又来了！单独使用 TypeScript 时没有太多的坑，不过和React结合之后就会复杂很多。本文就来聊一聊TypeScript与React一起使用时经常遇到的一些...

Docker 对前端的意义也很重大。 实际上，Docker 的世界里，并不区分什么前端、后端，没有人说只适合后端、不适合前端 … 在运维的眼里更是如此...

Git Flow 模型中定义了主分支和辅助分支两类分支。其中主分支用于组织与软件开发、部署相关的活动；辅助分支组织为了解决特定的问题而进行的各种开发活动。...