All Posts

本文介绍了如何使用nginx反向代理处理302重定向，包括启动目标服务器、配置nginx和使用njs模块的步骤。

在 Ubuntu 24.04 上安装 Ollama 0.5.12，配置 AMD GPU，创建服务并运行本地大模型。

随着AI技术发展，写好提示词（prompt）至关重要，需清晰具体、提供完整上下文、控制输出格式并利用角色扮演。

本文介绍了如何通过 VSCode 设置自定义 Copilot 的上下文信息，包括代码生成、测试生成、代码审查和提交信息生成的指令。使用 3S 原则（简单、具体、简短）可以提升与 Copilot 的交互效果。

为了调试 LangChain 请求信息，可以设置 `DEBUG=true` 查看 HTTP 请求，或使用自定义 fetch 和代理工具监测。

为了减轻老 Mac 的负担，作者利用闲置的 Thinkpad T14 安装 Ubuntu，并通过 VSCode Remote Development 进行远程开发。

通过字体子集化减少中文字体文件大小，提升网页加载速度，使用fonttools和fontmin工具实现优化。

webfont加载会导致CLS问题，通过使用合适的fallback字体和调整字体指标可减少影响，提高用户体验。

本文介绍了 TypeScript 的多个特性，包括 `noEmitOnError`、`this` 类型、`void` 和 `undefined` 的区别、`unknown` 类型的使用、枚举的静态方法、类型推断等。

在 Nest.js 中，通过 Middleware 记录请求日志，Interceptor 和 Exception Filter 记录响应日志，确保全面监控。

使用Docker部署Jenkins并配置SSH发布，确保密钥生成和项目路径设置正确。

管道是Linux中重要的通信机制，分为无名管道和有名管道，支持进程间数据传输。

docker 学习笔记

微前端框架MicroApp适用于独立系统组合和技术栈多样的场景，具备独立开发和部署的优势，但也增加了系统复杂性。

最近开发了一个休息提醒的PWA应用，使用React和TypeScript，集成了通知、热力图等功能，探索新技术。

MySql 8.0 及以上支持空间数据类型，使用 SRID 定义坐标系，创建空间索引需指定 SRID。

本文介绍了如何在CentOS 7上通过Docker私有化部署Sentry服务，包括环境准备、安装及配置步骤。

Node.js 从 v12 开始支持 ES Module，需通过特定方式加载和调试，Jest 测试也需配置。

Node.js 从 v12 开始支持 ES Module，介绍了加载、调试、测试 ESM 及其与 CommonJS 的互操作性问题。

NestJS 通过依赖注入管理模块、控制器和服务，支持静态和动态模块，提供多种注入方式及切面处理。

MySQL的事务和锁机制包括支持事务的InnoDB引擎、ACID特性、隔离级别及共享锁与排他锁的使用。

在跨域 iframe 中设置 Cookie 时，Chrome 80+ 默认的 SameSite=Lax 导致无法写入，需使用 SameSite=None;secure=true 或新特性 SameParty 解决。

密码存储应使用哈希和加盐技术以增强安全性，防止暴力破解和彩虹表攻击。

本文介绍了JavaScript的sourcemap，强调其对网页性能无影响，并详细解析了webpack中sourcemap的配置及其组成。

本文介绍了MySQL的基本语句分类及常用命令，包括数据查询、操作、定义、控制语言等，适合初学者学习。

TypeScript 装饰器可用于类、方法、属性等，支持元数据，便于实现依赖注入和设计模式。

Nginx 403 错误可能由权限问题或 SELinux 设置引起，需检查文件权限和上下文一致性。

JWT（Json Web Token）是一种用于客户端与服务器鉴权的协议，具有去中心化和单点登录的优势，但需注意安全性和敏感信息管理。

本文分享了使用npm的心得，包括设置淘宝源、安装流程、语义化版本控制、package-lock.json和yarn.lock的作用，以及如何从缓存安装依赖包。

JavaScript 作用域基于静态作用域，使用执行上下文和词法环境，形成作用域链。闭包绑定词法环境，`with` 语句可扩展作用域链但影响性能。

本文介绍了生成随机 ID 字符串的方法，强调了使用 node-hat 的局限性及其安全性问题，推荐使用 UUID 或 nanoid 作为更安全的替代方案。

网页性能瓶颈主要源于回流和重绘，优化方法包括简化样式计算、避免强制同步布局和使用合成层属性。

HTTPS通过SSL加密HTTP数据，确保传输安全。CA证书验证服务器身份，SSL证书通常收费，涉及高成本。

本文介绍了如何配置 Babel 的 preset-env，包括在 package.json 或 .babelrc 文件中设置 presets、targets 和 polyfills 的方法。

CORS（跨域资源共享）是W3C规范，允许浏览器与服务器通过自定义HTTP头进行跨域请求，解决安全限制问题。

SVG图标在前端项目中具有无限放大、小文件和优良渲染性能的优势，适合用户体验优化。

服务端渲染有助于SEO和提高首屏加载速度，Vue项目可通过Nuxt框架简化实现，需注意钩子和数据获取。

HTTP2通过多路复用、首部压缩、服务端推送等特性，显著降低延迟并提高传输效率。

在多环境网站中，cookie 的 `domain` 和 `path` 设置不当可能导致信息污染，需谨慎处理以避免问题。

使用mocha测试TypeScript需结合babel编译，注意默认导出问题，推荐使用具名导出以提高代码可读性。

Travis CI 是一种持续集成工具，依托 GitHub 提供自动化构建和测试，提升开发效率。

浏览器缓存分为强缓存和协商缓存，强缓存使用Cache-Control等指令，协商缓存通过ETag和Last-Modified验证。

Fiddler是一款用于捕获和分析HTTP(S)请求的调试代理工具，支持设置代理、查看请求响应及手机抓包。

本博客分享前端性能优化、用户体验优化及新技术趋势，记录生活与技术的点滴。