uniapp开发事项
开发环境搭建
安装HBuilderX作为开发工具,这是DCloud官方推荐的IDE,内置uniapp项目模板和调试工具。配置Node.js环境以便使用npm管理依赖,安装微信开发者工具用于小程序真机调试。
项目结构规范
pages目录存放页面组件,static存放静态资源,components放置可复用组件。manifest.json配置应用名称、图标等基本信息,pages.json管理页面路由与样式。遵循模块化思想拆分业务逻辑,避免单个文件过大。
多端适配策略
使用条件编译处理平台差异代码:
// #ifdef MP-WEIXIN
wx-specific code
// #endif
// #ifdef H5
web-specific code
// #endif
设计弹性布局,采用rpx替代px实现屏幕适配。测试不同端口的UI表现,特别是H5与小程序间的样式差异。

性能优化技巧
启用分包加载减少首屏体积,配置方法在pages.json中:
"subPackages": [{
"root": "subpackage",
"pages": [...]
}]
使用图片压缩工具减小资源体积,避免频繁setData操作。列表渲染时添加key标识,长列表使用scroll-view组件。
数据状态管理
简单应用可使用globalData共享数据:

// app.vue
globalData: { userInfo: null }
// 页面获取
getApp().globalData
复杂状态建议采用vuex,创建store目录并配置main.js引入。跨页面通信可使用uni.$emit和uni.$on事件机制。
原生能力调用
通过uni API访问设备功能:
uni.getLocation({
type: 'wgs84',
success: res => console.log(res)
})
需要权限的功能需在manifest.json配置,如相机、定位等。安卓平台还需动态申请运行时权限。
发布流程要点
小程序平台需配置合法域名,H5部署注意跨域问题。安卓打包需要签名证书,iOS上架需App Store审核。各端发布前务必进行真机测试,特别是支付、登录等核心功能。






