frp-内网穿透详解
1\. 简介与工作原理 frp（Fast Reverse Proxy）是一个高性能的反向代理 / 内网穿透工具。典型部署模式： 在 公网 VPS 上运行 （服务端），监听来自 的 出站持久连接 （控制端口，通常 7000）。 在 内网机器 上运行 （客户端），与 frps 建立长连接并注册若干映射（如 tcp/http）。 当外部请求到达 frps（公网），frps 根据路由规则把流量转发回对应的 frpc 连接，再由 frpc 转发到...
Nuxt 中 process.client 与 import.meta.client 的区别
一、来源与定义 | 对比项 | process.client | import.meta.client | | | | | | 来源 | Nuxt 内置的运行时变量（兼容 Node 风格） | Vite 原生 ESM 构建标志 | | 定义位置 | Nuxt 在构建阶段自动注入到全局 | Vite 在编译阶段静态替换 | | 作用机制 | 运行时判断变量 | 构建时编译宏（静态替换） | | 语法类型 | CommonJS 风格 | E...
Nuxt SSR 与 Next.js SSR
🧭 引言 在现代前端生态中， Nuxt（Vue） 与 Next.js（React） 是最成熟的两大全栈框架。 它们都具备 SSR（Server Side Rendering） 能力，但实现原理与运行机制差异巨大。 如果你在使用 Nuxt 构建 SSR 项目，却发现“路由跳转后不再 SSR”， 而在 Next.js 中同样操作却会重新发起服务端渲染——这不是 bug，而是 理念差异 。 本文将详细对比这两种框架的 SSR 行为，帮助你彻...
shallowRef 与 ref 的区别、场景与坑位
结论先行： 会 深度 地把你放进去的对象转成响应式（递归代理），因此"对象内部的改动"也会触发视图更新。 只在 顶层 做依赖追踪： 更换 才触发更新 ；若你只是"在原对象上改属性"，不会触发，除非手动 。 1\. 快速对比 维度 追踪粒度 深度（递归） 仅顶层 对象内部属性变更 会触发更新 不会 触发（除非 或重新赋值） 性能 有递归 & 依赖跟踪开销 更轻量，适合大对象/第三方实例 适用对象 普通标量、普通对象、数组 第三方实例（图表...
Vue 3 中的 setup执行时机与异步逻辑详解
Vue 3 中的 执行时机与异步逻辑详解 本文详细介绍 Vue 3 组合式 API 的核心函数 ：它在组件生命周期中的执行时机、异步行为（ 的影响）、常见用法和最佳实践。 一、 的执行时机 是 Vue 3 组件实例创建后、渲染前执行的函数。 它相当于 Vue 2 中的 和 的合体。 执行流程： 也就是说： 所有响应式数据（ 、 、 ）都在这里定义； 所有生命周期钩子（ 、 等）都在这里注册； 模板渲染会等待 执行完成（或异步返回的 Pr...
cookie跨域介绍
Cookie 跨域问题详解 在 Web 开发中， Cookie 是最常见的客户端存储机制之一，用于记录用户登录状态、偏好设置、会话信息等。然而，当涉及到 跨域请求 时，Cookie 的行为往往变得复杂，尤其在现代浏览器的安全策略下，跨域 Cookie 的传递和写入都有严格的限制。 本文将从基础概念开始，逐步讲解 Cookie 的跨域机制、SameSite 属性、CORS 配置及常见问题解决方案。 一、Cookie 的基础概念 Cooki...
内网穿透介绍
1\. 简要概念与为什么需要内网穿透 大多数家庭/公司网络在私有网（RFC1918）后面，通过 NAT 共享一个公网 IP。NAT 允许内网对外发起连接，但阻止公网主动连入。 内网穿透 就是建立从公网到内网的可达通道，常用于：Webhook 回调、远程演示、远程管理、IoT 设备接入、远程调试等。 2\. 核心原理（三行总结） 反向连接 ：内网主动连到公网穿透服务器，建立一条"回路"。 中继/代理 ：穿透服务器把外部流量中...
Open Graph Image介绍
一、什么是 OG 图 OG 图（Open Graph Image）是网页在社交媒体上分享时展示的 预览缩略图（Preview Image） 。 OG 来自于 Open Graph Protocol（开放图谱协议） ，最初由 Facebook 提出，后来被 Twitter、LinkedIn、Discord、Telegram 等平台广泛采用。 当你在社交媒体上粘贴一个网页链接时，系统会自动抓取该网页的 OG 元数据，从而生成一个包含标题、描...
🚀 cocos进阶语法
1\. 组件设计与脚本复用 在 Cocos Creator 中， 一切都是组件 。 你可以把通用逻辑封装成独立组件，实现模块化开发。 ✅ 建议 ： 把“功能性逻辑”（移动、旋转、漂浮、点击反应等）做成通用组件，避免在业务逻辑脚本里重复写。 2\. 单例与全局管理器 大型项目通常需要全局控制器，比如音效、玩家数据、网络。 使用： ✅ 建议 ： 使用“单例模式”集中管理音效、事件、UI、对象池等，减少节点层级耦合。 3\. 动画系统与状态机...