任鹏个人博客

pren 发布于 2026-09-21

在中后台管理系统中，基于角色的权限控制几乎是绕不开的需求。前端需要根据用户身份动态决定能访问哪些页面、看到哪些菜单。Vue Router 4 配合 Vue 3 的组合式 API，为这类场景提供了清晰的实现路径。本文将从路由结构设计、动态路由生成、导航守卫控制到按钮级权限，给出一套...

阅读(13)评论(0)赞 (0)

pren 发布于 2026-09-21

前言 随着 Vue 3 的普及，官方推荐的状态管理库已经从 Vuex 转向了 Pinia。Pinia 提供了更简洁的 API、更好的 TypeScript 支持以及更符合组合式 API 的设计理念。最近我将一个中型后台管理系统从 Vuex 4 迁移到了 Pinia，整个过程并非一...

阅读(14)评论(0)赞 (0)

pren 发布于 2026-09-21

在移动应用开发中，热更新是一项至关重要的能力。它允许开发者在不重新发布应用商店版本的情况下，动态修复 Bug、调整 UI 或上线轻量级功能。对于使用 UniApp 开发的跨平台应用而言，App 端的热更新需求尤为迫切——因为每次发版都需要经过应用商店审核，周期长、成本高。本文将深...

阅读(10)评论(0)赞 (0)

pren 发布于 2026-09-21

在移动应用开发中，UniApp 凭借其跨平台能力和 Vue 语法优势，成为许多团队的首选框架。然而，当项目需要集成复杂的原生功能（如高性能图形渲染、特定硬件调用或已有原生模块）时，纯 UniApp 方案往往力不从心。这时，混合开发模式——将 UniApp 页面嵌入原生 App 的...

阅读(9)评论(0)赞 (0)

pren 发布于 2026-09-21

Vue 3 的发布带来了许多令人兴奋的新特性，其中最引人注目的莫过于组合式 API（Composition API）。它从根本上改变了我们组织组件逻辑的方式，让代码复用和类型推导变得更加自然。本文将带你从 setup 函数出发，逐步深入响应式系统的底层原理，最后通过实战案例展示如...

阅读(12)评论(0)赞 (0)

pren 发布于 2026-09-21

在 UniApp 跨端开发中，状态管理一直是一个绕不开的话题。早期 Vuex 是官方推荐方案，但随着 Vue3 生态的成熟，Pinia 凭借更简洁的 API、更好的 TypeScript 支持和模块化设计，逐渐成为主流选择。本文将带你从零开始，在 UniApp 中落地 Pinia...

阅读(39)评论(0)赞 (0)

pren 发布于 2026-09-21

在移动端开发中，长列表渲染一直是性能瓶颈的重灾区。当列表数据达到数百甚至上千条时，传统的 vfor 渲染方式会导致页面卡顿、内存飙升，甚至在小程序中直接触发白屏。UniApp 作为跨端开发框架，虽然提供了 scrollview 和 list 等组件，但面对超长列表时依然力不从心。...

阅读(11)评论(0)赞 (0)

pren 发布于 2026-09-21

在跨端开发中，UniApp 的核心优势在于“一次编写，多端运行”。但真正决定用户体验的，往往是那些需要调用原生能力的场景，比如扫码、定位和文件操作。这些能力在 App、小程序、H5 等平台上的实现差异巨大，如果直接调用各端原生 API，代码会迅速变得难以维护。 本文将围绕扫码、定...

阅读(10)评论(0)赞 (0)

pren 发布于 2026-09-21

在移动端应用中，分享海报是一种非常常见的营销和传播手段。用户可以将带有个人邀请码、商品信息或活动内容的图片保存到相册，再分享到微信、朋友圈等社交平台。在 UniApp 中，由于需要兼容 App、H5 以及各家小程序，使用 Canvas 绘制海报是最稳妥的方案。本文将完整讲解在 U...

阅读(34)评论(0)赞 (0)

pren 发布于 2026-09-21

UniApp 作为跨端开发框架，凭借“一次编写，多端运行”的能力，成为众多团队构建小程序、H5、App 的首选方案。然而，当项目从 Demo 走向生产，缺乏工程化约束的代码会迅速腐化：目录混乱、状态管理失控、请求层重复、构建流程低效。本文将从 0 到 1 梳理一套可落地的 Uni...

阅读(13)评论(0)赞 (0)