- 博客(83)
- 收藏
- 关注
RSS订阅原创 [特殊字符]️ 前端 + Node.js + Nginx 安全防护终极指南：从入门到实战（2025最新版）
要点说明代码示例密钥强度至少32位随机字符串使用 crypto.randomBytes(64)算法白名单限制为 HS256/RS256Access Token 短期15分钟过期Refresh Token 长期7天过期不存敏感信息Payload 可被 Base64 解码只存 userId 等标识Token 黑名单支持主动撤销Redis 存储黑名单HTTPS 传输防止 Token 被窃取Nginx 强制 HTTPS│ 用户（浏览器） │。
2026-05-26 23:57:44
464
原创 Claude Code 终极使用指南（2026最新版 v2.1.150）——从零上手到精通
Claude Code 是 Anthropic 推出的终端AI编程代理（agentic coding tool），它在你的命令行中运行，能理解你的项目、读写代码、执行Shell命令，像一个不知疲倦的超级搭档。系统提示词是告诉 Claude Code "你是谁、该怎么做事" 的核心指令。Claude Code 提供了4个不同层级方式Flag作用推荐场景🎯 完全替换覆盖默认提示词（谨慎使用）特殊角色扮演📝 自定义提示词设置自定义系统提示词指定技术栈/角色➕ 追加提示词在默认提示词基础上追加。
2026-05-26 19:10:55
1115
原创 CC-Switch + Claude Code + Codex CLI 接入 GLM 模型：从零到一的手把手实战教程
*技术栈**：Tauri + Rust（轻量、快速、跨平台）**支持工具**：Claude Code、Codex CLI、Gemini CLI、OpenCode、OpenClaw**供应商预设**：50+ 个，包括智谱 GLM、DeepSeek、火山方舟等安装 Node.js↓安装 Claude Code + Codex CLI↓注册智谱 GLM，获取 API Key↓安装 CC-Switch↓CC-Switch 一键配置 GLM 模型↓🎉 开始用 AI 编程！
2026-05-26 14:00:41
902
原创 Git 从入门到实战：一篇搞定所有常用场景
发现提交信息写错了git commit --amend -m "feat: 添加用户注册接口（正确的描述）"# 发现漏了一个文件没提交git commit --amend --no-edit # 追加到最后一次提交，不改提交信息# ⚠️ 注意：amend 会修改 commit hash，已 push 的提交慎用！主线（main）：代表生产环境的稳定代码│├──► develop：日常开发主线│ ││ ├──► feature/login：开发登录功能。
2026-05-22 22:51:06
439
原创 Nginx 从入门到实战：一篇搞定所有常用场景
正向代理（代理客户端）：你 → 代理服务器 → Google（Google 不知道是你访问的）反向代理（代理服务端）：用户 → Nginx → 你的后端服务器（用户不知道后端是谁）为什么需要反向代理？🛡️ 隐藏后端服务器真实 IP⚖️ 负载均衡，把请求分给多台机器🔒 统一处理 SSL 加密📊 统一记录日志🚀 缓存静态资源http {# --- 默认格式 ---# --- JSON 格式（方便 ELK / Loki 等日志系统解析）---'{''}';
2026-05-21 10:22:57
594
原创 AI Agent 从零到精通：小白如何一步步学会使用和创造 AI AgentAI AgentAIAI人工智能
你下达任务："帮我调研一下 Agent 框架的市场情况"小智思考（Thought）："我需要先搜索相关信息"小智行动（Action）：打开浏览器搜索小智观察（Observation）：看到了几篇有用的文章小智再思考："我需要更详细的数据，去 GitHub 看看"小智再行动：访问 GitHub，收集 Star 数、更新频率小智再观察："数据够了，可以总结了"小智输出报告：给你一份完整的调研结果这就是一个Agent 的工作方式—— 也就是大名鼎鼎的ReAct 循环第 1-2 周 🟢 搞懂概念。
2026-05-21 08:12:01
450
原创 Hermes Agent 深度指南：一个会“自我进化“的 AI Agent，通俗易懂全解析
技能（Skill）就是 Agent 从经验中自动提取的可复用操作流程。打个比方：你第一次让 AI “部署一个 Node.js 应用到服务器”，它可能需要 10 步才能完成。做完后，它会自动创建一个技能。下次你说"部署 Node.js"，它直接调用技能，3 步搞定。hermes gateway setup # 配置网关（绑定 Telegram Bot 等） hermes gateway start # 启动网关。
2026-05-20 13:40:54
508
原创 Stripe 支付接入完整指南：从零到一，通俗易懂（2025最新版·含 Checkout Sessions + Payment Element 双方案）
你有没有过这样的经历：这篇文章会帮你避开所有这些坑。我会告诉你每一步背后的原理是什么，为什么要这么做。不是复制粘贴水文，而是让你真正理解 Stripe 支付的运作方式。Stripe 就是一个"支付中间商"——你不用自己去对接各大银行、信用卡组织，只要调用 Stripe 的 API，它帮你搞定一切。打个比方：适合用 Stripe 的场景：做海外业务、SaaS 产品、面向国际用户的项目。在 Dashboard 左下角找到 “Developers” → “API keys”，你会看到两个密钥：开发阶段不需要真卡，
2026-05-20 09:46:17
531
原创 GenericAgent：仅 3K 行代码，让 AI 真正住进你的电脑，而且越用越聪明
GenericAgent 是一个只有 3000 行核心代码的开源 AI Agent 框架，能真正操作你的电脑和手机。本文从通俗角度介绍了它的核心设计理念、技术架构、与主流框架的对比、使用方式、进阶玩法和社区生态。
2026-05-20 08:14:43
733
原创 JavaScript 算法详解：10大经典算法，通俗易懂，从入门到精通
算法核心思想时间复杂度难度面试频率1冒泡排序相邻比较交换O(n²)⭐⭐⭐2快速排序基准分治O(n log n)⭐⭐⭐⭐⭐⭐⭐3归并排序拆分+合并O(n log n)⭐⭐⭐⭐⭐4二分查找砍半搜索O(log n)⭐⭐⭐⭐⭐⭐5DFS/BFS图遍历O(V+E)⭐⭐⭐⭐⭐⭐⭐6双指针两端向中O(n)⭐⭐⭐⭐⭐⭐7滑动窗口动态窗口O(n)⭐⭐⭐⭐⭐⭐8动态规划记忆化递推O(n)~O(n²)⭐⭐⭐⭐⭐⭐⭐⭐⭐9。
2026-05-18 17:53:00
775
原创 JavaScript 设计模式完全指南：从入门到精通（含20种模式）
你家只有一个 WiFi 路由器，不管手机、电脑、平板怎么连接，都是连的同一个。不管你调用多少次 ，拿到的都是同一个对象。ES5 写法：ES6 写法：🛠️ 实际应用1. Vuex / Redux 的 Store：整个应用只有一个数据仓库。2. 数据库连接池 / WebSocket 连接：⚠️ 注意事项单例模式容易被滥用，只有真正需要全局唯一的场景才用在测试中单例可能导致状态污染，需要注意 reset多线程环境下需要加锁（JS 单线程无此问题）2. 工厂模式（Factory）🎯 一
2026-05-18 17:09:40
546
原创 当 AI 编程遇上工程纪律：OpenCode + OhMyOpenCode + OpenSpec 三位一体实战指南
OpenSpec 引入了的概念。→ 流动的，不是死板的→ 迭代的，不是瀑布式的→ 轻量的，不是沉重的→ 为棕地项目设计，不只是绿地项目→ 从个人项目到企业级都能用你：/opsx:propose "为电商平台实现完整的用户认证系统，支持邮箱注册登录、OAuth 社交登录（Google/GitHub）、JWT Token 管理、以及基于角色的访问控制"# 用户认证系统## 背景当前平台使用硬编码的 admin 账号，无法支持多用户场景。## 变更内容- 实现邮箱 + 密码注册/登录。
2026-05-14 14:14:53
401
原创 手写 Vue3 极简 i18n
本文介绍了两种实现国际化(i18n)的方案：Class版和Hooks版，均支持对象和数组两种插值方式。两种方案都采用统一的目录结构和语言包格式，支持懒加载功能。核心增强点在于t()方法中实现了自动判断参数类型（数组或对象），并分别处理{0}{1}下标式和{name}{age}键名式两种插值。Class版通过实例方法实现，Hooks版使用Vue的响应式API，但两者在组件中的使用方式保持一致，都支持动态切换语言。方案提供了完整的代码实现和使用示例，适合不同技术栈的项目集成。
2026-03-25 10:26:13
59
原创 前端公共库开发保姆级路线：从0到1复刻VueUse官方级架构（pnpm+Turbo+VitePress）
本文提供了一套完整的前端公共库开发方案，基于VueUse技术栈，涵盖从零到发布的全流程。内容包括：1）基础TS库打包；2）Vue Hooks/组件开发；3）pnpm Monorepo多包管理；4）Turbo构建加速；5）VitePress文档搭建；6）NPM发布与自动化CI。通过4阶段实战计划（总计7-10天），读者可逐步掌握大型开源库的核心架构和工程化技能，最终开发出具备专业文档、高效构建和自动化发布流程的Vue工具库/组件库。这套方案适用于个人开源项目、面试准备和团队基建，帮助开发者快速提升前端工程化能
2026-03-14 09:42:35
483
原创 npm 私服实战：团队内部包管理与文档化方案
本文系统介绍了如何搭建npm私服以统一管理团队内部工具库和组件库。主要内容包括：使用Docker快速部署Verdaccio私服，配置权限管理确保安全性，以及包发布与安装流程。文章还提出了两种文档化方案：README.md+JSDoc注释和可视化文档网站，帮助团队成员快速上手使用。通过这套方案，团队可实现内部npm包的安全可控管理、版本统一和高效共享，显著提升开发效率。
2026-03-06 10:30:18
427
原创 uni-app页面通信EventChannel从入门到封装（Vue3组合式API版）
本文介绍了在uni-app开发中使用EventChannel实现页面间通信的最佳实践。随着Vue3组合式API的普及，传统的this.getOpenerEventChannel()方法已不再适用。文章首先分析了旧方法的局限性，然后详细讲解了基于getCurrentPages()的基础用法，包括父页面传参和子页面回传数据的完整流程。针对代码重复问题，进一步提供了两个封装方案：useChildEventChannel组合式函数简化子页面通信逻辑，navigateWithEvent工具函数优化父页面跳转传参。这些
2026-02-28 10:05:22
757
原创 GitLab + GitLab Runner 本地 Docker 部署实战文档
本文详细介绍了基于Docker的GitLab和GitLab Runner完整部署方案。主要内容包括：1）创建gitlab-net网络并部署GitLab容器；2）配置external_url和获取初始密码；3）注册Runner时需使用容器内地址http://gitlab；4）关键步骤是修改config.toml添加network_mode配置，确保CI任务容器与GitLab同网络；5）提供了常见错误解决方案，如DNS解析失败、端口冲突等；6）推荐使用docker-compose编排生产环境。通过本方案可掌握D
2026-02-12 10:23:13
871
原创 Windows + Docker Desktop 安装部署 GitLab（超详细教程）
本文详细介绍了在Windows系统下使用Docker Desktop安装GitLab CE的完整流程。主要内容包括：Docker环境准备、GitLab镜像拉取、容器启动配置（端口映射）、初始登录（获取默认root密码或重置密码）以及常用容器管理命令。特别提供了生产环境推荐的数据卷挂载方式，确保数据持久化。该方案适合本地学习、测试环境搭建及个人私有仓库使用，访问地址为http://localhost:8929，默认账号root，密码可通过容器内命令获取或重置。
2026-02-11 16:08:19
818
原创 Open Code命令及使用技巧
本文整理了OpenCode终端AI编程助手的核心使用指南，包括三大实用功能：1）Slash命令（如/help、/new、/export等）及对应快捷键；2）文件引用技巧（@前缀）可快速关联项目文件；3）Shell命令支持（!前缀）可直接执行系统命令。文章还介绍了Plan和Build两种工作模式的适用场景，以及会话管理、消息浏览等快捷键操作。这些功能组合能有效提升代码编写、分析和调试效率，帮助开发者快速掌握OpenCode的核心操作。
2026-02-11 10:24:36
3413
1
原创 OpenCode Antigravity Auth 使用指南：代理环境下的OAuth认证全攻略
本文介绍了OpenCode Antigravity Auth认证模块的功能与使用方法。该模块支持多平台OAuth集成、自动令牌管理、安全凭证存储等功能，适用于需要连接AI服务的开发者。文章重点讲解了代理环境下的常见问题及解决方案，包括终端代理设置、命令行参数配置、永久代理设置和代理切换脚本等方法。适用于遇到OAuth认证问题、需要配置代理或使用AI编程工具的开发者。
2026-02-09 14:55:20
2352
原创 OpenCode+Oh-My-OpenCode+Skill 从安装到实战全教程（CSDN版）
本文介绍了OpenCode终端AI编码助手及其生态组件Oh-My-OpenCode（OMO）和Skill系统。OpenCode是一个开源、轻量的终端原生AI编码工具，支持多模型调用、文件操作和LSP集成。OMO作为其增强层，提供智能体编排和任务分解能力。Skill系统则封装标准化工作流，实现AI工程化协作。文章详细讲解了安装配置方法（支持一键脚本和手动安装）、核心功能演示（包括基础编码、多模型调度和技能调用）以及典型配置示例（TOML格式）。该系统适用于开发者构建自动化编码流程，从基础代码生成到复杂工程任务
2026-02-09 10:06:26
4741
原创 uni-app + Vue3编辑页/新增页面给列表页传参
uni-app 编辑页返回列表页数据传递方案推荐 1️⃣ 最佳方案：uni.$emit/uni.$on（官方推荐，解耦页面，适合90%场景） 2️⃣ 复杂业务：Pinia状态管理（Vue3官方推荐，适合全局数据） 3️⃣ 简单场景：getCurrentPages()调用页面方法（强耦合，适合简单Demo） 4️⃣ 轻量通知：URL参数（仅适合简单flag传递） 5️⃣ 兜底方案：本地缓存storage（跨tab等特殊场景使用） 推荐选择： 普通编辑场景 → 事件通信 核心业务数据 → Pinia 简单一对一
2026-02-03 13:54:49
419
原创 UniApp 横向可滚动 Tab 组件开发详解
这是一个移动端横向滚动Tab组件，支持自动居中选中标签和高度自定义。核心功能包括：1) 横向滚动容器；2) 自动计算滚动位置使选中标签居中；3) 通过插槽支持自定义标签内容和样式；4) 双向绑定管理选中状态。组件采用Vue3编写，通过uni-app的scroll-view实现跨平台兼容，算法核心是精确计算标签中心点与容器宽度的关系，确保平滑滚动和边界处理。
2026-01-08 17:05:19
974
原创 在UniApp H5中,实现路由栈的持久化
UniApp H5页面刷新会导致路由栈清空，本文提供两种解决方案：1）使用localStorage保存路由状态，通过自定义路由管理类实现路由栈的持久化存储和恢复；2）采用URL参数编码方式保存路由历史，便于SEO优化。第一种方案详细实现了路由栈的增删改查、本地存储同步以及页面加载时的自动恢复功能，并提供了Vue组件集成示例。第二种方案则通过URL参数编码存储路由历史，适合对SEO有要求的场景。两种方法均可有效解决UniApp H5页面刷新导致的路由状态丢失问题。
2026-01-08 15:49:14
638
原创 amfe-flexible + postcss-pxtorem 深度解析：原理、配置与工程化实践
摘要： amfe-flexible + postcss-pxtorem 是移动端 REM 适配的工业级方案，通过动态根字体大小和自动 px 转 rem 实现多设备适配。 原理： amfe-flexible 动态计算根字体大小（html.fontSize = 设备宽度/10），并监听窗口变化实时更新。 postcss-pxtorem 在构建时将设计稿的 px 按 rootValue 转为 rem，支持忽略特定属性或文件。 配置： 安装依赖后，在入口文件引入 amfe-flexible，并通过 postcss.
2026-01-04 13:56:30
1246
原创 windows录制并制成gif怎么实现
摘要： Windows系统制作GIF主要有三种方法：Win11原生录屏（快捷但限制30秒）、专用工具直录（推荐ScreenToGif免费开源/LICEcap极简）和先录视频再转换（适合长内容）。关键技巧包括控制FPS（10-15帧）、减少颜色数（64-128色）和精准裁剪区域以优化文件体积，其中ScreenToGif支持强大编辑功能，而Win11原生功能最快捷但仅限新系统。根据需求选择对应方案即可高效生成GIF。（149字）
2026-01-04 13:53:58
857
原创 使用uniapp,实现根据时间倒计时执行进度条变化
本文介绍了一个可自定义的进度条组件，支持通过v-model控制运行状态（开始/暂停/继续），并提供了丰富的配置选项。组件功能包括：通过props控制进度条高度、颜色、图标和危险阈值；支持主题化配置渐变色；可作为公共组件在uniapp/Vue2中使用。使用示例展示了如何通过简单的代码实现进度条功能，组件内部实现了动画帧循环、时间格式化和状态管理等核心逻辑。该组件具有高度可定制性，适合各种需要进度条展示的场景。
2025-12-30 18:34:30
335
原创 掌握 `background-attachment: fixed`：打造固定背景滚动特效
摘要：background-attachment: fixed 是CSS中实现背景固定、内容滚动效果的关键属性。本文详解其语法和取值差异，提供全屏固定背景的实现代码（HTML+CSS），并介绍多区块应用技巧。针对移动端兼容性差、背景变形和性能问题给出解决方案，最后强调图片选择、文字可读性等注意事项。该特效能增强页面视觉层次感，但需合理使用避免过度设计。
2025-12-25 18:19:00
723
原创 前端基建从0到1搭建步骤清单（含工具选型+配置要点+落地注意事项）
摘要：前端工程化实践指南 本文系统介绍了前端项目从技术选型到工程落地的全流程实践方案。首先在需求分析阶段，强调根据项目类型、团队规模等因素选择合适的技术栈组合（如Vue3+Vite或React+Vite）。其次详细说明了项目初始化步骤，包括脚手架搭建、目录结构规范和Vite配置要点。最后重点阐述了代码规范体系的建立，包括ESLint+Prettier的集成配置和Git提交校验方案。全文提供可落地的配置示例和注意事项，帮助团队快速构建规范化的前端工程体系，平衡开发效率与代码质量。
2025-12-18 10:35:14
796
原创 Sass 详细指南
本文介绍了Sass（CSS预处理器）的核心特性与应用。主要内容包括：1）Sass的两种语法格式（SCSS和缩进语法）及编译环境搭建；2）变量定义与作用域管理；3）嵌套规则与父选择器使用；4）Mixins复用代码块；5）继承机制与占位符选择器；6）数值、颜色、字符串运算；7）条件语句和循环控制。通过实例演示了Sass如何提升CSS开发效率，增强代码可维护性，特别适合处理复杂样式、浏览器前缀和主题切换等场景。
2025-12-17 10:51:44
670
原创 Vite & Webpack 插件/Loader 封装完全指南
摘要 本文深入解析Webpack与Vite构建工具中Loader和Plugin的核心机制与实现差异： 架构对比： Webpack基于打包器架构，Loader处理文件转换，Plugin通过Tapable钩子干预全流程 Vite基于原生ESM，无独立Loader概念，通过Rollup插件规范实现功能扩展 实现规范： Loader需遵循单一职责原则，支持同步/异步处理，需处理SourceMap生成 Plugin需掌握生命周期钩子，通过回调函数实现流程干预 实战示例： 详细演示Webpack同步Loader开发流程
2025-12-17 10:28:16
535
原创 TypeScript 核心知识点速查表
本文系统梳理了TypeScript的核心类型系统，分为基础类型和进阶类型两大部分。基础类型包括原生类型（string、number等）、TS新增类型（any、never等）、数组和元组类型。进阶类型涵盖联合/交叉类型、类型别名与接口的区别、函数类型约束和泛型编程（泛型函数、约束及应用）。最后介绍了常用的工具类型（Partial、Pick等）用于类型转换。全文通过清晰表格和代码示例，帮助开发者快速掌握TS类型系统的关键知识点，提升类型安全编程能力。
2025-12-17 10:17:10
635
原创 TypeScript 全面指南
TypeScript 是 JavaScript 的超集，通过静态类型系统增强了代码健壮性。文章首先介绍了 TS 的环境搭建、配置初始化及编译流程，详细讲解了 10+ 基础类型（包括 JS 原生类型和 TS 新增类型）以及类型推导机制。随后重点解析了数组的 3 种声明方式和固定类型元组（Tuple），并深入讲解了联合类型（Union Type）及其类型守卫的应用。这些核心概念为开发者提供了类型校验、代码提示和工程化支持，是构建大型应用的基础。
2025-12-17 10:14:35
1021
原创 JavaScript 装饰器完全指南（原理/分类/场景/实战/兼容）
JavaScript 装饰器核心解析 装饰器是ES7提案特性，通过高阶函数包装目标对象实现非侵入式功能扩展，已广泛应用于主流框架。其核心原理是拦截目标对象（类/方法/属性）定义过程，通过修改属性描述符（descriptor）实现功能增强。主要分为三类典型用法： 类装饰器：操作类构造函数，可添加静态属性或修改实例逻辑（如Mixin混入） 方法装饰器：最常用场景，实现日志记录、权限校验、缓存优化（通过重写descriptor.value） 属性装饰器：监控属性访问，常用于数据校验或自动绑定 装饰器通过@语法糖简
2025-12-15 17:28:24
995
原创 Vue3 项目单元测试全指南：价值、Vitest 落地与提效方案
单元测试是 Vue3 项目「质量保障+效率提升」的核心手段，解决了 bug 滞后、回归低效、代码混乱、协作成本高等核心痛点；Vitest 凭借「极速体验、Vue3 原生适配、低学习成本」成为首选工具，通过「工具函数+组件+Pinia+Mock」四大场景覆盖核心测试需求，配合提效方案可大幅降低测试成本，实现「短期小投入，长期大收益」。建议从核心代码入手逐步落地，优先覆盖高频场景，再逐步完善覆盖率，让单元测试融入开发流程，而非额外负担，最终实现项目稳定迭代、团队高效协作。
2025-12-15 17:25:58
1643
原创 重绘和重排怎么触发？怎么优化？
摘要： 浏览器渲染中的重排（Reflow）和重绘（Repaint）是性能优化的关键点。重排由布局属性改变（如尺寸、位置）触发，需重新计算DOM结构，性能消耗大；重绘仅由外观样式（如颜色、透明度）变化引起，消耗较小。优化核心在于减少重排：1）批量操作DOM/样式，使用class或DocumentFragment；2）避免强制同步布局，先批量读取再修改；3）动画优先使用transform/opacity以启用GPU加速；4）缩小重排影响范围，如脱离文档流。通过防抖、缓存布局属性等技巧可进一步提升性能。落地重点为
2025-12-12 13:39:43
1000
原创 基于 Monorepo 封装 Input 组件为公共组件库（全流程落地）
本文介绍了基于 pnpm workspace + vite + rollup 的 Monorepo 架构方案，用于构建企业级组件库。核心设计包括： 架构设计：采用多包管理结构，拆分组件核心包(ui-core)、文档包(ui-docs)和示例包(ui-demo)，通过 pnpm workspace 实现统一版本管理和依赖优化。 配置实现：详细说明了根目录关键配置文件，包括 pnpm-workspace.yaml 声明子包路径、package.json 统一脚本和依赖、.npmrc 优化配置以及共享的 tsco
2025-12-12 10:21:28
999
原创 高级前端 Input 公共组件设计方案（Vue3 + TypeScript）
本文介绍了一个功能完备、可扩展的前端输入组件设计。该组件采用模块化架构，核心设计包括：1）TS强类型约束，定义输入类型、校验规则等枚举；2）组合式函数拆分，将输入值管理、校验逻辑解耦为独立hooks（useInputValue、useInputValidate等）；3）支持双向绑定、格式化、防抖等高频需求；4）遵循工程化规范，提供样式主题定制能力。整体设计兼顾功能完备性与扩展性，适用于复杂表单场景。
2025-12-12 10:19:58
417
原创 实时通信底层原理深度剖析：短轮询、长轮询与WebSocket的本质差异
摘要： 短轮询、长轮询和WebSocket是前端实时交互的三大方案，其底层协议与连接逻辑差异显著。短轮询通过高频HTTP短连接请求模拟实时性，但存在空请求冗余；长轮询优化为延迟响应，减少连接开销，仍依赖HTTP短连接；WebSocket基于独立协议实现TCP长连接，支持双向主动通信。本文从协议底层、流程细节和实现案例三维度，解析三者的本质差异与技术实现，揭示实时交互的优化路径。
2025-12-06 15:10:30
1159
原创 H5多端适配完全指南：从原生到框架，覆盖全场景落地方案
本文详解H5多端适配方案，针对移动端、平板及PC浏览器实现统一UI体验。核心逻辑包括：统一尺寸单位（Rem/Vw）、视口配置和弹性布局。重点推荐Vue3原生开发的Vw方案（PostCSS自动转换）和Rem+Flexible方案，对比分析了各方案的原理、实现步骤及优劣势。同时介绍了媒体查询和Flex/Grid布局作为辅助方案的使用场景，帮助开发者根据项目需求选择最佳适配策略，解决多端设备屏幕碎片化、UI比例一致性和特殊场景兼容性问题。
2025-11-29 11:43:02
1630
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人