推开世界的门-优快云博客

原创前端实现单点登录（SSO）的方案

保证用户只需登录一次，就能访问多个关联应用，而不需要重复登录。单点登录（Single Sign-On, SSO）主要是。请求 SSO，获取用户信息。

2025-04-01 16:07:36 939

原创 vue3 中＜script setup＞到底干了什么

script setup 就是一个语法糖，经过编译，最终还是 setup 函数。在 script setup 如果想获取子组件的属性/方法，需要通过 defineExpose 暴露defineExpose 最终也会编译成 expose, defineExpose不会参与运行时，所以不用做导入。

2024-08-14 11:12:40 1810

原创《Nest系列 - 4. 听说人人都会CRUD，可是我还不会怎么办？？？-《4.3结合前端使用实现多表联合查询》

对于联合查询，前端还是普通的传递参数，调用接口。这是后端做一个一个拆分。相当于前端拆组件，再拼接起来。联合查询有很多关系，一对多，多对一，多对多，等等。主要实现是通过typeorm，里面的装饰器OneToMany和ManyToOne, ManyToMany 具体可参考TypeORM 关系这一章表关联完毕，就是数据怎么做关联根据id，找到对应的用户。根据传递来的tag，依次添加到tag 表中更新当前用户的值查询时如果需要联合查询需要增加即可，代表关联查询那张表。

2024-06-27 16:38:13 719

原创《Nest系列 - 4. 听说人人都会CRUD，可是我还不会怎么办？？？-《4.2结合前端使用实现CRUD》

服务端在controller层定义好路由信息(接口地址),在server层做逻辑处理，将数据返回给客户端前端根据路由匹配后端地址，通过网络请求库做数据请求前端传递参数，后端接收参数，通过装饰器解析，解析出参数，再传递给server 层做逻辑处理server 层通过typeOrm 库做数据库的增删改查，主要就是savefindupdatedelete如果想做一些数据库的查询，可以利用一些关键字来实现whereLike等，详细更多可以查看官网。

2024-06-26 15:14:55 887

原创《Nest系列 - 4. 听说人人都会CRUD，可是我还不会怎么办？？？-《 4.1-数据库连接和实体》》

实体类是什么，如果我这样说你就明白了。在mysql 中创建数据字段，设定默认值，执行上面sql语句，会生成对应的数据内容@Entity()没玩过数据库的同学，可能在数据库这块会停滞很久解决问题，具体可以看看这个教程知道什么事orm框架，就是用面向对象的方式操作数据库，而不需要直接编写大量的SQL语句梳理清楚 nest typeorm mysql 的关系。其实typeorm 更像是一个中间者，来进行数据库连接，对数据库进行操作(这个时候就需要实体类来和数据库字段进行对应。

2024-06-24 17:18:52 966 2

原创《Nest系列 - 3. 掌握常见Nest 装饰器，奠定坚实基础！！！！！！》

这一篇，整体来说比较枯燥，还有很多装饰器没有聊，只是把客户端发请求，服务端对路径/参数做解析，返回数据到客户端的装饰器做了一些介绍其他装饰器大致也是一样的道理，后面遇到我们再做说明。

2024-06-24 17:15:02 361

原创《Nest系列 - 2. Nest 代码生成器，让你告别base代码书写！！！》

紧接上文我们做一些核心梳理/modules/servicesmain.ts。

2024-06-18 17:23:49 780

原创《Nest系列 - 1. 运行一个Nest项目以及整体目录学习》

可以使用cli快速搭建项目，并且运行项目对每个目录进行分析，掌握整体项目结构从app.main.ts 出来，开始逐步分析，通过NestFactory创建一个实例，然后把模块传入模块就是一个集合，里面聚合了Controller，ServiceController 就是一个控制器文件，可以简单理解为路由文件，里面会设置请求方法/请求参数，然后调用Service 类来做业务逻辑处理/和数据库交互。

2024-06-14 13:25:53 1096

原创运营：别再让你的页面一直loading 了

第一轮 battleQ：我想下载一个大文件，，我想在A：一直转圈就一直等呗，第二轮 battleQ：不行，为什么别人的浏览器，下载软件/文件就能操作界面，你这就一直转圈，什么都做不了A：我们js 是单线程，一个时间只能做一件事，你不能在下载文件的时候，还操作界面吧…逐渐语无伦次，行，我给你试着优化优化…最终效果可以看到，下载文件页面不再转圈，并且可以在界面操作，但是在点击操作1，2，到3的时候，会卡顿一下，下面会说为什么会卡这一下。

2024-05-17 17:27:08 921

原创 node - 实现多语言脚本快速生成

前言多个项目做了多语言，需要多个多语言表（也就是.xlsx文件）来维护。前端需要从一个文件中根据key 来读取值(值可能对应中/英两种情况)，怎么将多个.xlsx 文件，合并成一个前端可以根据key 来读取的文件，这就是今天我要写的内容。

2024-04-22 13:39:16 1096

原创发布订阅模式以及mitt源码实现

发布-订阅者模式（Publish-Subscribe Pattern）是一种软件设计模式，用于实现对象间的一对多通信。在该模式中，存在两种角色：发布者（Publisher）和订阅者（Subscriber）。

2024-04-18 15:03:11 596

原创项目中自动引入神器 - unplugin-auto-import/unplugin-vue-components

在开发中，我们总喜欢站在巨人的肩膀上开发，比如用一些框架：vue,react,组件库：element，ant。工具函数：axios，lodash现在是模块化时代，我们也喜欢封装一些组件/工具库，但是都需要引入。v3更是改成composition API ,用那个引入那个，不知道你为此是否感到繁琐，今天就让我们来学习使用两款插件，解放双手，让我们有更多的摸鱼时间🦑。

2024-03-28 15:00:59 5327 2

原创 vue3 中主题定制

我们在切换主题的时候，在组件内其实没有做任何处理，是在pinia 里做的监听持久化这里用到了 persist 插件通过向外暴露setupTheme 来实现修改主题。

2024-03-01 18:25:16 791

原创 vue3 图片/视频加载失败重试

媒体组件，提供了失败的回调，可以使用失败回调，不断的load来加载数据加载成功后，或者到达一定次数时，注意及时销毁。

2024-02-29 10:53:07 1316

原创 vue3 实现一个简单的输入框

需要一个输入框，可以输入文字，添加表情，一开始用了**富文本编辑器**，有点大材小用，所以自己封装一个输入框组件。支持输入文字，选择表情/插入表情，支持组合键换行，使用enter

2024-02-29 10:06:03 2821

原创查看 npm的一些命令，以及npm config set registry x x x 不生效解决方案

其他配置文件干扰：在某些情况下，可能存在其他配置文件覆盖了 npm 的配置。你可以检查是否存在其他配置文件，如 ~/.npmrc 或项目根目录下的 .npmrc 文件，并确保其中没有覆盖 npm 源的配置。该文件通常位于 ~/.npmrc （用户级别）或项目根目录下的 .npmrc （项目级别）。这会显示 npm 的配置信息，包括当前使用的源（registry）。将替换为你想查看的配置项的键名，比如 registry。修改完保存后，重新运行 npm 命令时应该会使用新的源。

2024-01-31 14:19:12 8291