🗒️ NestJs 集成Redis

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

🗒️ Vue3+vite 部署到Vercel

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

🗒️ 基于Iframe开发的微前端

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

🗒️ esbuild项目css样式隔离

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

🗒️ Linux服务器使用代理

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

🗒️ 基于esbuild搭建组件开发框架

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

🗒️ ProxmoxVE通过Cloudflare Zero Trust实现内网穿透

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

🗒️ 手写一个简单的Swiper

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

🗒️ TypeScript--装饰器

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

🗒️ B站防遮挡弹幕实现

B站是一个以视频为主的社交媒体平台,其中一大特色就是弹幕,即用户可以在视频上方实时发送评论,与其他观众互动。弹幕可以增加观看视频的乐趣,也可以反映出视频的热度和受欢迎程度。然而,弹幕也有一个缺点,就是可能会遮挡住视频中的重要内容,影响观看体验。为了解决这个问题,B站推出了一种智能防挡弹幕技术 ,可以让弹幕自动躲避人形区域,达到弹幕不挡人的效果。

🗒️ Docker 检查容器大小及清除docker磁盘空间

今天服务器一直提示资源异常,一看发现空间32G快用完了,一层层查询下去发现是docker容器overlay2目录占用了大量空间。下面是清理的方法。

🗒️ IOS双开微信(其他应用可以通用)

最近一直折腾机器人,折腾好了QQ机器人,又想折腾微信机器人。和QQ相比,微信一次只能登陆一个手机设备,切换账号会自动退出。所以需要设备可以双开微信。这次的教程针对IOS的,Android双开,小伙伴说很好弄。