该篇主要是针对之前的NestJS搭建框架做一个不同版本的ORM补充

经常做前端开发的小伙伴，尤其是Vue或者React框架的，在编写页面的时候，总要新建页面，然后写上重复性很大的代码片段。这里我使用Vscode自带的代码片段，来制作一个快捷方法生成重复且繁琐的代码片段。

在前端开发中，我们经常会遇到需要动态变化的视觉效果。今天我们将讨论如何利用 CSS 的 mix-blend-mode 属性，实现一个文本穿过特定背景时反色的效果。具体来说，我们会创建一个背景为黑色的 div 元素，并让文本从中穿过。当文本进入 div 的区域时，其颜色会从黑色变为白色，离开时则恢复为黑色。

在日常开发中，需要处理一些高并发的请求或者处理用户邮件认证等一些场景。那么就需要Redis了。 Redis 是一个开源的内存中数据结构存储系统，它可以用作数据库、缓存和消息中间件。

vite项目可以直接部署到vercel上，不用做任何修改。但是这里会遇到一个问题，就是网站访问接口跨域。如果是普通的服务器，那么通常就是用nginx做反向代理。但是对于Vercel我们无法这么做。

在前端的开发中，经常会遇到这样的需求。A项目中的某个页面或者新增一个模块，需要嵌入B项目。然后B项目有可能需要C项目这种套娃式的项目嵌套。如果你是新开始做项目，那么我推荐你使用乾坤或者其他的微前端框架。但是如果你像我一样，项目以及成型，而且有很多公司自己的配置和域名不一样的各种各样的因素，导致你不能很好的使用微乾坤框架。那么通常大家使用的就是iframe。

由于最近使用到esbuild这个打包工具编写插件，而我的插件需要编写样式。在实际的运用过程中，我发现插件的样式类名可能和被使用项目中的一些类名发生冲突。这个时候我就想借鉴一下vue中出现的样式类scoped 的概念。

针对国内的Linux服务器翻墙需求，这里的国内服务器指的是自己在家搭建的服务器。通过xray-core的代理工具来实现。

在日常的前端开发中，经常需要开发一些组件。通常我们是基于某个特定的框架来开发，例如vue,react等等。对于页面的样式组件来说，没有什么太多的计较。但是如果开发一个画布工具或者一个音乐播放器的组件，那么这个组件必然会有很多功能，而且对于vue2/vue3，react版本，你可能每个都要开发一遍。那么web-component的开发理念就非常适合目前的需求了。但是通常的web-cmponent的开发中，对于JS我们可以很好的管理，拆分功能。但是对于dom样式的编写就极其不方便了。

这个月偶然从网上看到了Cloudflare Zero Trust这个东西。它大致相当于一个内网穿透工具，我之前将家里的服务器通过nps 这个工具内网穿透出来，也很方便。但是购买的腾讯服务器是有时限的，为了防止服务器到期，我又嫌续费太贵无法继续续费，导致连不上家里的服务器了。所以想用Cloudflare Zero Trust 来做个内网穿透就当是备用方案了。

这是模仿Swiper的功能，网上非常好用的一个组件。并不是想重复造车轮。主要是开发中遇到这个这样一个需求，但是又要非常高的一些定制化功能。主要还是全部引入Swiper会使得我编写组件很臃肿，不利于别人的使用。这里就当学习一下，自己实现一个简单的Swiper

TypeScript中的装饰器是一种特殊的语法，可以用来修改类、方法、属性或参数的行为。装饰器是一种函数，它接收一个目标对象或一个属性描述符作为参数，并可以返回一个新的对象或属性描述符，或者不返回任何值。装饰器可以用来实现一些常见的编程模式，例如依赖注入、日志、缓存、验证等。