全部文章
共 1299 篇文章
Hook 的设计意义与实践
🧩 一、Hook 的本质是什么？ Hook 是一种可复用逻辑的抽象方式。 它的核心思想是： 把「逻辑」从「组件渲染结构」中抽离出来，使逻辑能被复用、独立测试、灵活组合。 示例 组件中使用： ✅ 组件不再关心逻辑的实现，只关心如何展示。 ⚙️ 二、为什么要设计 Hook？ 1️⃣ 逻辑复用 传统做法（如 mixin）的问题： 数据来源不清晰（变量名可能冲突） 生命周期混乱（难以追踪依赖） 不利于类型推导 Hook 则通过 函数闭包 +...
Vue 3 中的 setup执行时机与异步逻辑详解
Vue 3 中的 执行时机与异步逻辑详解 本文详细介绍 Vue 3 组合式 API 的核心函数 ：它在组件生命周期中的执行时机、异步行为（ 的影响）、常见用法和最佳实践。 一、 的执行时机 是 Vue 3 组件实例创建后、渲染前执行的函数。 它相当于 Vue 2 中的 和 的合体。 执行流程： 也就是说： 所有响应式数据（ 、 、 ）都在这里定义； 所有生命周期钩子（ 、 等）都在这里注册； 模板渲染会等待 执行完成（或异步返回的 Pr...
astro从ssg切换ssr问题解决
Astro SSR 模式下 UnoCSS 样式丢失问题解析与解决方案 在将 Astro 项目从 SSG（静态生成） 切换为 SSR（服务端渲染） 后，很多人都会遇到一个相同的问题： 👉 页面正常渲染，但样式突然失效，控制台提示类似： 本文将详细分析这个问题的成因，以及最终的解决办法。 一、问题背景 原本使用 Astro + UnoCSS + SSG 时，一切正常。 但在切换到 SSR 模式 （如使用 适配器）后，构建成功，运行时却出现...
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\. 动画系统与状态机...
JavaScript 闭包详解
JavaScript 闭包（Closure）详解 一、什么是闭包 闭包（Closure） 是 JavaScript 中一个非常核心且常被问到的概念。简单来说： 闭包是一个函数，它可以“记住”并访问其定义时所在的词法作用域，即使这个函数在其作用域之外被调用。 换句话说，当一个函数“嵌套”在另一个函数中，并且 内部函数引用了外部函数的变量 时，就形成了闭包。 示例： 虽然 已经执行完毕，但 依然可以访问 中的 。这就是闭包。 二、闭包的形成...
vue中ref与reactive
Vue 3 的 与 ：区别、实现，以及为什么更推荐 1\. 一句话结论 ：适合 原始类型 或 独立、细粒度 的状态单元；类型推断明确、解构安全、追踪粒度更小， 默认首选 。 ：适合管理 对象/集合 这类结构化状态；但 解构会丢失响应性 ， 默认 非深度 ，需要正确的使用姿势配合。 2\. 用法与语义差异 2.1 基本示例 2.2 模板中的解包（unwrapping） 在 模板 里， 会 自动解包 ，可直接写 ，不必 。 在响应式对象中...