uni-app开发常见问题

1.uni-app配套UI框架：

开始觉得graceUI 挺适合要求的，多端通用，可惜是收费的，然后在uni-app插件市场发现colorUI 可以用，基本满足需求开发，重要的是免费，果断选择colorUI

2.自定义navigationBar

uni.getSystemInfo()在微信上显示正常，支付宝因为异步获取不到值，这里使用同步处理uni.getSystemInfoSync();

3.支付宝title中的点击事件不生效，是因为title区域设置了pointer-events: none;

4.关于upx换算

1px=2upx(设计稿 1px / 设计稿基准宽度 = 框架样式 1upx / 750upx) 注：我们使用的设计稿基准宽度为375px

5.scss支持

uni-app原生支持sass, 新建uni.scss文件，定义变量，全局有效

6.配套UI框架

使用uView： https://www.uviewui.com/guide/note.html

7.vue-router解决方案

在插件市场搜索”路由、拦截、最优雅解决方案“

8.vuex解决方案

https://www.jianshu.com/p/63980716cd47

https://www.cnblogs.com/edward-life/p/11181139.html

9.组件中无法使用应用生命周期函数（onShow、onHide等），需要使用vue声明周期函数

10.分支合并命令：

　　git checkout dev-others

　　git pull

　　git checkout dev-self

　　git merge dev-others

　　git pull

　　（如果有冲突，解决冲突后执行下面命令）

　　git add ./

　　git commit -m ' '

　　git push 

11.文字内容超出后显示省略号：

　　// 单行

　　.text-overflow {
　　　　overflow: hidden;
　　　　text-overflow: ellipsis;
　　　　white-space: nowrap;
　　}

　　// 多行

　　.text-overflow {

　　　　display: -webkit-box;
　　　　-webkit-box-orient: vertical;
　　　　-webkit-line-clamp: 2;
　　　　overflow: hidden;

　　}

12.使用 uni.getLocation(OBJECT)  获取位置信息需要在manifest.json 中配置位置接口为开启

13.pointer-events: none;设置所有点击事件不生效

14.图片需要指定缩放方式，同时适配支付宝和微信小程序

15. 支付宝自定义组件，需要在 IDE 中的 详情 > 项目配置 中，勾选 启用 component2 编译 。

16.自 HBuilderX 2.2.3版本后，uni-app项目在发布时会默认启用 uni统计，开发者可在https://tongji.dcloud.net.cn查看数据报表

17.之前为了减小主包的大小，将组件放在分包中，结果发现，支付宝小程序中组件必须放在主包中才能访问。

18.减少图片请求的两种处理方法：
　　a.将固定不变的图片进行雪碧图压缩处理，只用请求一次，就可以得到大量图片
　　b.将小图片制作成font-face字体，字体库使用链接，也可以达到请求一次得到所有小图标的效果

19.解决IOS列表滑动不流畅的问题,给滑动区域的标签加-webkit-overflow-scrolling: touch;属性

20.使用雪碧图后，微信小程序可以使用<image>标签显示雪碧图图片，But支付宝小程序不能使用必须使用view标签来显示。

21.分包和主包不能放同一个目录下，需要分开和小程序结构一样。

22.ios不支持2019-04-11这样的格式 要改成2019/04/11  这样的； new Date(date).getTime()在苹果手机上是不兼容的。解决方法： new Date(data.replace(/-/g,'/')).getTime()