小程序uniapp踩坑
uniapp 开发常见问题及解决方案
跨平台兼容性问题
不同平台（如微信小程序、H5、App）的API和组件行为可能存在差异。例如，微信小程序的wx.login在H5端无法直接使用。解决方案是使用条件编译或判断平台代码：
// #ifdef MP-WEIXIN
wx.login()
// #endif样式兼容问题
某些CSS属性在不同平台表现不一致，例如flex布局在部分安卓机型上需要添加display: -webkit-box前缀。建议使用uniapp提供的通用样式类，或通过条件编译针对不同平台写样式。
路由跳转限制
小程序端页面栈最多10层，超过会导致跳转失败。需要合理设计导航结构，必要时使用uni.reLaunch清空页面栈。
生命周期差异
各平台生命周期触发时机不同。例如App的onLaunch和小程序的onLoad执行顺序不一致。建议将初始化逻辑放在created而非平台特定生命周期中。
性能优化要点
图片资源处理 避免使用过大图片，建议压缩后使用。小程序平台需注意单张图片不超过2MB，分包资源需放在对应目录。
数据绑定优化
频繁更新的数据使用this.$set或Object.assign触发视图更新，避免直接修改大型对象。
组件化开发
复杂页面拆分为组件，使用v-if控制显隐而非频繁创建销毁。小程序端自定义组件需注意样式隔离问题。
调试技巧
真机调试 Android平台可能遇到白屏问题，检查是否开启了vConsole调试。iOS端需注意https请求限制。
日志输出
使用uni.showToast配合console.log调试，注意小程序端无法直接查看console信息。
分包加载问题
分包路径配置错误会导致资源加载失败。确保subPackages配置中的root和pages路径正确对应。
发布注意事项
小程序审核
注意敏感API调用需配置权限，如用户信息获取需在manifest.json声明。内容安全检测不通过时，检查文本和图片内容。
App打包 Android平台需注意签名文件配置，iOS需处理证书和描述文件。原生插件需单独配置。
版本更新
使用uni.getUpdateManager处理强制更新逻辑，注意各平台更新机制差异。H5端需配置缓存策略。
第三方库集成
UI框架选择
避免同时引入多个UI库导致体积过大。推荐使用uni-ui或按需引入组件。
插件市场使用 注意插件兼容性，部分插件仅支持特定平台。集成原生插件需按文档配置原生代码。
npm支持
H5端可直接使用npm包，小程序端需通过uniapp-cli转换。复杂库可能需手动处理依赖。
