uni-app开发常见问题

牵骆驼的人 發表於 2019-9-9 10:38:00

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  这样的； <code>new Date(date).getTime()</code>在苹果手机上是不兼容的。解决方法： new Date(data.replace(/-/g,'/')).getTime()
  
来源：https://www.cnblogs.com/caicai521/p/11490317.html

頁: [1]

琼殿技术论坛's Archiver

uni-app开发常见问题