uniapp 开发经验

跨平台开发能力

uniapp 的核心优势在于一次编写代码可编译到多个平台（iOS、Android、H5、小程序等）。通过条件编译处理平台差异，例如使用 #ifdef H5 或 #ifdef MP-WEIXIN 区分不同平台的逻辑。需注意各平台的特性和限制，例如小程序不支持动态绑定 v-html。

性能优化技巧

避免在页面中过度使用复杂计算或频繁操作 DOM。对于长列表渲染，使用 uni-list 组件或实现虚拟滚动。图片资源建议压缩并使用 CDN 加速，减少包体积。通过 onReachBottom 和 onPageScroll 事件优化滚动性能。

组件与 API 使用

uniapp 提供丰富的内置组件（如 scroll-view、swiper）和 API（如 uni.request、uni.navigateTo）。自定义组件需遵循 Vue 的单文件组件规范（.vue 文件）。调用原生功能时，通过 uni.requireNativePlugin 接入原生插件。

状态管理方案

小型项目可使用 globalData 或 Vuex 管理全局状态。对于复杂应用，推荐使用 Pinia 或 uniapp 的 $store 模式。跨页面通信可通过 uni.$emit 和 uni.$on 实现事件总线。

调试与发布流程

开发阶段使用 HBuilderX 的内置调试工具，或通过浏览器开发者工具调试 H5 端。真机调试需连接设备并开启 USB 调试模式。发布时，各平台需单独处理：小程序需上传代码至对应后台，App 需生成签名并打包。

常见问题处理

页面白屏可能由路径错误或组件未注册导致，检查页面路径是否在 pages.json 中配置。样式隔离问题可通过 scoped 或 !important 解决。网络请求跨域问题需配置后端或使用代理。

插件生态与社区资源

uniapp 官方插件市场（ext.dcloud.net.cn）提供支付、地图等扩展插件。遇到问题时，可通过官方论坛或 GitHub 社区获取解决方案。定期关注 uniapp 的更新日志以适配新特性。