在日常开发中，可能会不小心将.env等配置文件上传到GitHub仓库。即使删除了这些文件，历史记录中仍能看到其内容，这对隐私可能带来风险。这里有两种处理方法：1) 删除.env文件并清除历史记录，2) 仅取消跟踪该文件，适用于配置内容不重要且项目不公开的情况。

前面的《PWA技术简介》文章中对PWA做了介绍，也介绍了它的交互流程。那么这里就对我开发的Next.js音乐网站做一个PWA配置，来实践一下PWA的配置过程。

Next.js除了在vercel上部署之外，更多的是部署在自己的服务器上，为此官方提供了Docker的打包运行方式。这里分享的是如何优化打包的Docker镜像到近15倍的大小。

网站会在PC和移动端上浏览，那么各个浏览器和设备的差异性，会使得兼容处理是一件麻烦的事情。尤其是移动端上的那些个异形屏和内容展示的理念。对此我使用的是tailwind css 。今天要分享的是移动端100VH出现滚动的问题。

该篇主要是针对之前的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的代理工具来实现。