🗒️ 使用 CSS 混合模式实现动态反差色效果

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

🗒️ NestJs 集成Redis

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

🗒️ Vue3+vite 部署到Vercel

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

🗒️ NestJS搭建开发环境

最近在学习NestJS,一个基于Express开发的Node框架,他更加前端适合编写后端需求。

🗒️ 如何优雅的避免代码嵌套

避免过度代码嵌套是保持代码可读性和可维护性的关键步骤,特别是在编程中。以下是每一种方法,并附上在未优化代码和优化后代码的例子。

🗒️ 基于Iframe开发的微前端

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

🗒️ 《你不知道的JavaScript》第三章笔记

《你不知道的JavaScript》第三章笔记,关于对象的知识点总结,方便回顾。

🗒️ 《你不知道的JavaScript》第二章笔记

在javascript的开发中,经常会遇到this这个关键字。简单的说this是个特殊变量。但是在javascript中,this的使用经常让我感到困惑,这篇文章是阅读《你不知道的JavaScript》中第二章this的全面解析笔记。

🗒️ 《你不知道的JavaScript》第一章笔记

《你不知道的JavaScript》第一部分的总结笔记,方便回顾

🗒️ esbuild项目css样式隔离

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

🗒️ 前端项目限制环境版本

在如今这个前端项目框架较为成熟的年代,一个前端项目涉及到多个依赖,而这个项目的依赖又是居于项目的版本来的。所以一个大型的项目,多人进行联合开发的时侯,A说项目启动不起来了,B说安装包依赖出现一长串错误。C说打包出现报错了。一开始遇到这种问题,没有经验的话很难发现问题的所在。所以在项目中限制安全运行环境版本,是一个很好的规避方式。本文以pnpm,yarn和npm这3种常见的包管理器做例子说明。