技术博客
这里记录了我在技术探索路上的思考与实践，包括前端开发、Node.js应用、架构设计等各个方面的内容。
🧠 Linux 服务器中，哪个才是真正的“内网 IP”？一文教你精准识别
本文教你如何在 Linux 服务器中精准识别真正的内网 IP，通过解析 `ip addr` 输出，区分不同类型的 IP 地址，并提供四步法判断标准和公网 IP 获取方法，帮助读者解决网络配置问题。
解决 Git Pull 连接关闭问题：从 SSH 切换到 HTTPS
遇到 Git Pull 连接关闭问题时，可以通过切换到 HTTPS 协议来解决。本文详细讲解了修改远程仓库 URL、配置 SSH 使用 HTTPS 端口等步骤，帮助开发者提高代码拉取和推送的稳定性和速度。
腾讯云 CloudBase 数据库 CRUD 完整指南
本文提供了一份完整的腾讯云 CloudBase 数据库 CRUD 操作指南，适用于小程序、Web 前端和 Node.js 服务端，详细讲解了初始化数据库、数据增删改查、高级操作及环境能力对比。
Electron 安装问题解决方案
解决Electron安装过程中遇到的常见问题，如网络中断、镜像源慢等，提供使用.npmrc文件和命令行设置镜像源的详细步骤，帮助开发者顺利安装Electron。
Electron 安装问题全方位解析与解决方案
本文针对Electron安装过程中常见的错误进行剖析，提供使用.npmrc文件配置镜像源、命令行设置镜像源等解决方案，帮助开发者解决安装问题，提升开发效率。
香橙派 Zero 3 快速上手指南：从首次通电到远程SSH连接
本文手把手教你从首次通电到远程SSH连接的完整流程，涵盖烧录系统、连接WiFi、设置固定IP、开启SSH服务等核心步骤，让你快速上手香橙派 Zero 3。
揭秘谷歌翻译按钮：`translate.goog` 的工作原理与实现机制
谷歌网站翻译工具通过前端脚本嵌入和 `translate.goog` 代理服务，实现网页内容的即时翻译。文章详细介绍了其技术实现原理、核心组件及特点，展示了这一工具的高兼容性与易用性。
阿里云与腾讯云对象存储图片处理功能对比：以定高自动宽为例
本文对比分析了阿里云和腾讯云对象存储的图片处理功能，特别是定高自动宽的实现方式。通过参数设置、功能丰富性、文档支持等多方面进行比较，并探讨了图像压缩、自适应布局、图片水印等实际应用场景。
如何在Steam Deck上通过TF卡安装Windows 11系统
本文提供了在Steam Deck上通过TF卡安装Windows 11系统的详细步骤和注意事项，帮助用户实现更广泛的游戏和应用支持，提升游戏体验。
使用 document.currentScript 快速获取当前脚本及其兄弟元素
通过 document.currentScript，可以轻松获取当前脚本及其兄弟元素，实现更灵活、模块化的网页逻辑。本文详细介绍了其用法和实际应用示例，帮助开发者写出更优雅和可维护的代码。
如何使用纯 HTML/CSS 和 JavaScript 实现CSS Scroll Snap轮播组件
本文讲解如何实现一个CSS Scroll Snap轮播组件，包括HTML结构、CSS样式和JavaScript控制逻辑，支持原生拖拽和按钮切换，提供扩展建议如无限循环和自动播放。
深入解析URL编码中的`+`号问题
本文详细分析了URL编码中的`+`号问题，解释了其背后的原因，并提供了使用`encodeURIComponent`和`decodeURIComponent`的正确方法，以确保URL参数的正确处理。
如何高效获取和管理网站的Sitemap
了解如何高效获取和管理网站的Sitemap，包括直接访问Sitemap文件、使用在线生成工具、查看网站管理员工具和检查robots.txt文件等方法，提升网站索引效率和搜索引擎排名。
利用Schema.org优化视频SEO：提升网站可见度的黄金钥匙
通过Schema.org的统一标记语言，主动向搜索引擎提供视频详细信息，提升视频内容的可见度和点击率。本文讲解了Schema.org的基本原理、实现步骤和广泛应用，帮助内容创作者提升SEO效果。
局域网开发项目中的Docker容器网络架构解析
本文介绍了在局域网开发项目中如何配置和连接Docker容器，确保容器间通信顺畅。重点讲解了通过容器内部网关IP实现容器间通信的方法，并提供了实践中的注意事项和Docker网络机制的深入解析。
解决Windows磁盘管理中因夹卷导致的无法分区问题
在使用Windows磁盘管理工具时，常会遇到因夹卷无法分区的问题。本文介绍如何使用DiskPart工具删除夹卷分区，从而顺利扩展或新建分区，并提供数据备份和操作注意事项，确保操作安全。
使用Hyper-V安装Win11虚拟机：解决常见问题指南
本文介绍了在Hyper-V中安装Windows 11虚拟机时常见的两个问题及其解决方案：调整启动顺序以解决“Press any key to boot from CD or DVD”提示，以及确保硬件配置和启用TPM以满足Win11系统要求。此外，还提供了优化虚拟机性能的实用建议。
解决Electron在Windows环境下打印中文乱码问题
本文介绍了在Windows环境下使用Electron时遇到的中文乱码问题，分析了其根源在于字符编码差异，并提供了通过设置命令提示符编码和修改启动脚本的解决方案，帮助开发者顺利解决乱码问题。
D3.js 图表的正确卸载方式分析
正确的卸载方式对于使用 D3.js 创建的图表至关重要。本文分析了当前常见卸载方式的不足，并提出了一种使用 D3 API 清除元素的方法，以确保 DOM 的干净整洁和避免内存泄漏。
深入理解D3.js中的Sunburst Chart坐标系统
本文解释了在D3.js中构建Sunburst Chart时，SVG坐标系统的设置和选择中心作为原点的原因。探讨了如何简化极坐标到笛卡尔坐标的转换，保持图形对称性和简化几何计算，帮助开发者提升数据可视化质量。
移动端开发：如何去除点击时的蓝色背景
在移动端Web开发中，去除点击时的蓝色背景色是提升用户体验的重要优化点。本文介绍了通过CSS覆盖默认样式的方法，并提供了添加自定义高亮效果、优化点击区域和使用现代CSS属性等进一步优化的建议。
如何在Vite启动的React项目中添加Less支持并简化导入操作
通过在Vite配置文件中调整，本文展示了如何在React项目中添加Less支持，并自动导入全局变量和混合，简化开发流程，提高代码复用性和维护性。
软件工程中的耦合：JavaScript示例解析
本文详细介绍了软件工程中的六种耦合类型，包括数据耦合、消息传递耦合、控制耦合、外部耦合、公共环境耦合和内容耦合，并通过JavaScript代码示例帮助理解。文章还提供了实践建议，帮助开发者合理控制模块间的耦合，提升系统质量。
LeanCloud在UniAPP中的高效集成与应用
本文探讨了LeanCloud在UniAPP中的高效集成与应用，通过具体步骤和代码示例，展示了如何实现数据存储、用户认证和实时通信等功能，助力开发者提升开发效率和用户体验。
如何在Leancloud中实现高效的文件图片审核
在互联网内容审核日益重要的背景下，本文探讨了如何利用Leancloud的云函数和文件图片审核功能，实现高效的自动审核，保障平台内容的安全性。
掌握前端技巧：如何将Blob对象转换为Base64字符串
掌握前端技巧：如何将Blob对象转换为Base64字符串。本文通过详细的JavaScript示例，介绍了转换方法及其在实际开发中的应用，助你提升开发效率。
PostgreSQL vs MongoDB：优劣分析与适用场景
本文分析了PostgreSQL和MongoDB的优势、劣势及适用场景。PostgreSQL适合需要强一致性和复杂查询的应用，而MongoDB则更适合灵活性和高扩展性的需求。选择哪种数据库应基于具体业务需求。
Docker部署中SQLite数据库同步问题解析
本文详细介绍了在Docker环境下处理SQLite数据库同步的多种方法，包括单容器应用、多容器应用场景下的策略，以及备份恢复、使用挂载卷、自定义同步逻辑和外部工具等解决方案。
高效实现UniApp scroll-view滚动到指定位置的技巧
在UniApp开发中，精确控制scroll-view滚动到指定位置是提升用户体验的关键。本文通过代码示例和详细讲解，介绍了实现这一功能的技巧和注意事项。
深入理解前端滚动方法：scrollTo、scrollBy与scrollIntoView
本文深入探讨了前端滚动方法scrollTo、scrollBy和scrollIntoView的用法和适用场景，通过具体示例展示如何实现页面的平滑滚动和精准定位，提升用户体验。
如何在阿里云上使用ECI创建Ubuntu 8核16GB内存容器实例及计费详解
本文以阿里云按量付费的弹性容器实例（ECI）为例，讲解如何在阿里云上创建Ubuntu 8核16GB内存的容器实例，包括计费概念、计费公式及香港地域的示例成本计算。
如何在Ubuntu和其他Linux系统中使用curl命令下载并重命名文件
学习如何在Ubuntu和其他Linux系统中使用 `curl` 命令下载文件并重命名。本文涵盖基本用法、进度查看、特殊需求处理及高级技巧，助你高效利用 `curl`。
优化Web应用中的文件拖放上传功能：从基础到进阶
在现代Web应用中，文件拖放上传功能因其便捷性备受青睐。本文深入探讨了在Vue.js中实现该功能的方法，包括文件格式验证、读取处理、用户体验和性能优化，助你打造高效安全的文件上传体验。
优化PWA应用启动尺寸：确保用户体验的最佳实践
优化PWA启动尺寸是提升用户体验的关键。本文通过一个简单的JavaScript示例，展示了如何在PWA启动时自动调整窗口尺寸，并分享了相关最佳实践和性能优化建议。
SQLite vs PostgreSQL：性能对比分析
本文分析了SQLite和PostgreSQL在读取、写入、并发处理和复杂查询方面的性能差异，指出SQLite适合小型应用和嵌入式场景，而PostgreSQL在处理大型数据集和高并发访问时表现更优。
PostgreSQL vs MySQL：选择最适合你的数据库
PostgreSQL和MySQL各有优劣，PostgreSQL适合复杂查询和高数据一致性的场景，而MySQL适合Web应用和高性能需求。选择时应考虑应用需求、性能要求和个人偏好。
Git Rebase 进阶使用指南：修改本地提交的技巧
了解Git Rebase的各种命令（如pick, reword, edit, squash, fixup, exec, drop）及其使用场景，通过实际操作示例，掌握修改本地提交的高级技巧。
高效解决SVG图片颜色修改难题：CSS Mask与Background的完美结合
通过CSS mask和background属性，轻松实现SVG图片颜色修改，避免传统方法的繁琐和第三方库的复杂度，提升前端开发效率和用户体验。
解决iOS系统时间字符串转换难题：使用Moment.js实现全平台兼容
解决iOS系统时间字符串转换难题，使用Moment.js的`parseZone`方法实现全平台兼容，详细代码示例和说明，助力开发者高效处理时间数据。
打造个性化聚合首页：Mac OS仪表盘风格日历组件的Vue重构
本文通过分析CodePen原项目的日历逻辑，将其DOM操作转换为Vue模板操作，详细讲解了迁移过程中的关键步骤和注意事项，最终实现了一个功能完善的Vue日历组件。
如何在Vue3项目中实现history与hash两种模式路由的灵活切换
在Vue3项目中，灵活切换history与hash路由模式是嵌入APP的关键。本文通过创建额外Vite配置文件、调整路由配置和资源引用路径，详细讲解了实现方法，助力开发者高效应对不同部署环境。
Vue中处理Scoped样式外置元素的三种高效方法
在Vue开发中，scoped样式常用于限制CSS作用域，但第三方UI库生成的组件可能无法被scoped样式选中。本文介绍了三种处理方法：`::v-deep`选择器、组合使用带scoped和不带scoped的`<style>`标签以及`:is`选择器，帮助开发者高效解决这一问题。
深入解析Lit.js模板中的五个常见表达式位置
Lit.js模板中的表达式有五个常见位置：子节点、属性、布尔属性、属性表达式和事件监听器。本文详细解析了这些位置的使用方法和应用场景，帮助开发者高效利用Lit.js构建前端应用。
微信小游戏适配与优化指南
本文提供了一整套微信小游戏适配与优化的步骤，从引入weapp-adapter.js到修改canvas原型链，再到H5导出及脚本引用转换，最后涵盖GDJS和Pixi.js的特定优化，帮助开发者顺利将H5游戏迁移至微信小游戏平台。
Docker容器端口映射配置指南
本文提供了一份详细的Docker容器端口映射配置指南，涵盖停止Docker服务、修改hostconfig.和config.v2.文件、重启Docker服务的步骤，并特别说明了Windows Docker Desktop的配置路径。
如何在JavaScript中控制浏览器的前进和后退操作
本文探讨了在JavaScript中控制浏览器前进和后退操作的几种方法，包括使用popstate事件、history API以及beforeunload事件，帮助开发者更好地管理单页应用(SPA)中的路由和历史记录。
NestJS 与 Express.js 的全面对比：构建高效 Node.js 应用
本文详细介绍了 NestJS 的核心概念如模块、控制器、服务、依赖注入等，并与 Express.js 进行对比，探讨了两者在结构化设计、依赖注入、技术栈和内置功能等方面的差异，帮助开发者根据项目需求选择合适的 Node.js 框架。
如何自定义HTML <progress>元素的样式
本文详细讲解了如何通过CSS修改HTML <progress>元素的样式，覆盖了Webkit/Blink和Gecko内核浏览器的具体实现，并提供了全局兼容性处理的建议。
深入理解HTML5 History API的`pushState`和`replaceState`方法
HTML5 History API的`pushState`和`replaceState`方法允许在不重新加载页面的情况下操作浏览器历史记录，特别适用于单页应用。本文介绍了这两个方法的基本概念、使用示例和实际应用案例，助力开发者提升用户体验。
自定义Web应用中的加载进度条：提升用户体验的最佳实践
本文介绍了浏览器自带进度条不可自定义的原因，并详细讲解了如何在Web应用中自定义加载进度条，包括使用HTML、CSS和JavaScript的方法，以及推荐第三方库NProgress.js来提升用户体验。
深入理解E2E测试：确保软件系统无缝协作的关键步骤
E2E测试是一种模拟真实用户场景的软件测试方法，验证整个应用程序的功能。它覆盖完整的用户旅程，在接近生产的环境中执行，提高产品质量，减少回归错误，增强团队信心。
解决 `window.addEventListener` 使用匿名函数的移除问题
使用 `window.addEventListener` 时，匿名函数难以移除。本文介绍了三种解决方案：使用命名函数、封装监听逻辑和自动清理，并讨论了何时需要移除监听器以避免性能问题。
Mermaid绘图技巧：如何在节点文本中实现换行
本文详细讲解了在Mermaid中实现节点文本换行的技巧，通过具体示例展示了如何使用`<br />`标签进行换行，并介绍了Mermaid对其他HTML标签的支持，帮助读者绘制出更加精美的图形。
Node.js 包管理器 n 的安装与使用指南
本文介绍 Node.js 包管理器 n 的安装与使用方法，包括使用 curl 和 npm 安装、列出和切换 Node.js 版本、常见问题及解决方案，帮助开发者高效管理多版本 Node.js 环境。
解决GitBash中文乱码问题：一步到位的配置方法
在使用GitBash时，中文文件名和注释常显示为乱码。本文提供了一步到位的配置方法，通过修改 `core.quotepath` 配置，轻松解决中文乱码问题。
高效管理环境变量：在Node.js项目中使用dotenv的最佳实践
通过使用dotenv库，Node.js项目可以轻松管理环境变量，提高安全性和可维护性。本文介绍了dotenv的安装、配置及最佳实践，助力开发者高效管理项目环境。
高效编程利器：如何在VS Code中配置和使用快捷键
通过合理配置和使用快捷键，你可以在VS Code中实现高效的编程体验。本文介绍了快捷键的配置方法、常用快捷键推荐以及自定义快捷键的技巧，助你成为更出色的开发者。
iPhone上网页输入框字体大小处理及类似问题解决方案
本文深入分析了iOS Safari浏览器中输入框字体大小自动调整的机制及其影响。重点讨论了当字体大小设置为14px或更小时，iOS系统会自动放大字体以提高可读性的问题。文章不仅提供了使用-webkit-text-size-adjust等CSS属性的解决方案，还探讨了其他常见的移动端适配问题，如视口设置、触摸事件处理和图片自适应等。通过这些实践经验，帮助开发者构建更加完善的移动端网页体验。
在ZX中处理命令行参数
本文深入探讨了在ZX脚本中处理命令行参数的方法。通过分析process.argv的局限性，介绍了使用内置minimist库的优势。文章通过实际示例展示了如何处理无选项参数、键值对选项和布尔值选项等不同场景，并提供了完整的代码示例。对于需要开发ZX脚本的开发者来说，这是一份实用的参数处理指南。
Docker 环境下 MySQL 远程连接问题排查指南
本文系统性地介绍了在 Docker 环境下 MySQL 远程连接失败的常见原因和解决方案。从用户权限配置、网络设置到防火墙规则，逐步深入分析可能导致连接失败的各个环节。文章提供了完整的故障排查流程，包括重置用户权限、修改 MySQL 配置、检查 Docker 端口映射等关键步骤，同时也涵盖了安全性建议，帮助开发者快速定位和解决问题，确保 MySQL 服务的可靠运行。
深入理解BEM命名法：提升CSS代码可维护性的利器
本文深入剖析了BEM（Block Element Modifier）命名方法论的核心概念和实践价值。通过详细的示例和实际应用场景，展示了BEM如何通过结构化的命名规则提升代码可读性、降低样式冲突、支持组件化开发。文章不仅介绍了BEM的基本语法和使用规范，还结合电商网站的实际案例，展示了BEM在大型项目中的应用效果，为前端开发者提供了一套实用的CSS架构方案。
如何通过VS Code的SSH连接远程服务器的Docker容器
本文提供了一个完整的教程，介绍如何在Docker容器中配置SSH服务，并通过VS Code远程连接进行开发。文章涵盖了从容器配置、SSH服务安装、安全设置到VS Code连接的全过程。特别关注了安全性问题，包括非标准端口使用、root登录限制等关键点。通过这个教程，开发者可以轻松搭建一个安全可靠的远程开发环境，提升开发效率。
如何在Nuxt.js项目中关闭Sass警告提示
本文详细介绍了在Nuxt.js项目开发中常见的Sass警告提示问题及其解决方案。文章首先分析了导致警告的主要原因，包括混合声明顺序和Legacy JS API使用等问题，然后提供了两种解决思路：通过配置方式快速关闭警告，以及通过优化SASS代码从根本上避免警告。同时还提供了最佳实践建议，帮助开发者在保持代码质量的同时提升开发体验。
国际化项目开发中的字体管理：避免本地字体缺失带来的设计与预览不一致问题
本文深入探讨了国际化项目开发中的字体管理问题。重点分析了欧美项目与国内项目在字体使用上的差异，以及由于本地字体缺失可能导致的设计预览不一致问题。文章提供了完整的解决方案，包括前期字体需求规划、统一的字体资源管理、Web字体服务的应用以及相关的测试验证方法。通过这些实践指导，帮助开发团队建立更加可靠的字体管理体系，确保设计与开发过程的顺畅进行。
使用Termux和Ollama在Android设备上构建与运行AI模型
本文详细介绍如何在Android设备上使用Termux安装和配置Ollama，从而实现在移动设备上运行AI模型的完整教程。
使用CSS实现问答场景下的对齐与缩进效果
本文详细介绍了如何在技术文档和博客中实现专业的问答排版效果。通过巧妙运用CSS的padding-left和text-indent属性，解决了问答内容的对齐与缩进问题。文章不仅提供了完整的代码实现，还深入分析了实现原理，同时考虑了响应式布局和浏览器兼容性。这个简单而实用的CSS技巧，能够显著提升文档的可读性和专业性。
使用 MongoDB Atlas 快速搭建云端数据库
本文全面介绍了 MongoDB Atlas 云数据库服务的部署和使用流程。从注册账号、创建集群、配置网络访问到连接数据库，提供了详细的步骤指导。文章特别关注了免费层级的使用技巧，帮助开发者在有限预算内最大化利用云数据库服务。同时也涵盖了安全配置建议，确保数据库的安全性和可靠性。对于想要快速搭建云端数据库的开发者来说，这是一份实用的入门指南。
SCSS核心特性解析：从基础到进阶实践
本文深入探讨SCSS的核心特性及其在实际项目中的应用。从变量系统的动态管理、嵌套结构的层级可视化，到混入(Mixins)的样式复用和继承体系的选择器关系管理，系统性地介绍了SCSS的各项关键功能。同时结合实际开发经验，提供了最佳实践建议，包括变量管理策略、嵌套规范和性能优化技巧，帮助开发者构建可维护、高效的样式架构。
Less vs Sass：现代CSS预处理器的技术选型指南
本文全面对比Less和Sass这两个主流CSS预处理器的核心特性、优势差异和适用场景。通过分析它们在语法特性、编译环境、变量作用域等方面的区别，结合实际开发场景，为读者提供清晰的技术选型建议。文章同时探讨了两者的未来发展趋势，帮助开发者做出更明智的技术决策。