快应用开发常见问题以及解决方案【持续更新】

Doyle 发布于2019-08-23 12:26 / 2849人阅读

摘要：准备在此立贴持续更新，记录遇到的问题以及解决方案，造福大众。这个是快应用已知的一个。解决方案改成，或者不要放在第三层。会打印一个出一个路径，将它添加进系统变量中再次运行参考快应用采坑与布局讲解开发文档

接触快应用也有一段时间了，踩过了大大小小的坑，让我活到了今天。准备在此立贴持续更新，记录遇到的问题以及解决方案，造福大众。

css 方面

1、文字竖排不支持

目前官方还不支持writing-mode，除了等待官方支持这个api以外，还可以使用一种hack手段：给元素设置一个比较小的宽度。

2、text-align: center;居中无效

由于快应用默认是flex布局，所以居中的话应当使用justify-content: center;

template 方面

1、使用了list组件之后整个页面都不能滚动了

list组件需要加上“scrollpage=true”。https://doc.quickapp.cn/widge...

2、list 组件滑动无故闪退-- 很抱歉, “快应用” 已停止运行。

很可能是你的list-item 里面用了不同的文件结构导致的


 
   
 
 
   {{item.text}}

相同的type的list-item必须具备完全一致的DOM结构, 上例的list-item 的dom结构是会改变的,理应使用两个不同的type 的list-item才行


 
   
 


 
   {{item.text}}

3、richtext 插入的html片段，无法更改样式？有时候图片还超出屏幕的边缘

由于官方没有接口对richtext的样式作修改，目前可以有的一种办法就是使用正则搜索匹配，然后加样式在需要的地方

4、list组件有时候会无法渲染

解决这个问题可是花了我不少时间呐。这个是快应用已知的一个bug。
当list用在第三层的时候就会有这个无法渲染的问题。

解决方案：改成div，或者不要放在第三层。

js 方面

1、storage.get 在success中设置变量没反应

var a;
storage.get({
  key: "a",
  success: function (data) {
    a = data;
  }
})
console.log(a) //undefined

原因是storage是异步的。

其他

1、如何达到全屏的效果

在配置文件manifest.json 中设置display，"fullScreen": false, 可以隐藏电量信号的手机状态栏；"titleBar": false; 可以隐藏titleBar。这样子就全屏了。

2、工程升级以后，background-image变成白色背景了

background-image 使用了相对路径，工程对相对路径的处理有点bug；暂时改成绝对路径就好了

3、windows 安装完找不到hap 命令

这个多半是npm 安装目录没有配置环境变量的问题。

npm prefix -g 
// 会打印一个出一个路径，将它添加进系统变量中
// 再次运行
npm install -g hap-toolkit

参考:
快应用采坑与flex布局讲解
开发文档

云服务器专线服务 js中的6大数据类型以及应用应用更新开发文档更新问题解决

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98509.html

干货 | 金融级互联网产品持续交付的挑战与应对

摘要：小蚂蚁说在金融级互联网产品持续交付方面，蚂蚁金服积累了丰富的经验和最佳工程实践。金融互联网产品最核心的两个关键词，第一个就是金融。小蚂蚁说：在金融级互联网产品持续交付方面，蚂蚁金服积累了丰富的经验和最佳工程实践。在2018年ATEC技术探索大会上，蚂蚁金服解决方案架构师吕中邦（凤启）从行业背景出发，分析了金融级互联网产品持续交付的核心挑战，从更快更早地交付价值和守住技术风险底线保障交...

Lorry_Lu 2019-08-29 17:25 评论0 收藏0
必看！互联网开发模式的经验之谈

摘要：架构设计实体化单元测试敏捷开发讲究要快速的修改代码，我们往往会发现，代码修改的越频繁，越多，这似乎是一个无法解决的矛盾。本文由云+社区发表，作者：韩伟互联网开发的核心问题当我1999年进入互联网行业工作的时候，华为刚刚通过了著名的CMM认证。当时作为一个小程序员，非常向往业界经典的软件开发模式。因为看上去，如果企业实行了CMM，我们程序员就不用再天天为了老板一个拍脑袋的主意而加班...

宠来也 2019-08-23 14:38 评论0 收藏0
必看！互联网开发模式的经验之谈

摘要：架构设计实体化单元测试敏捷开发讲究要快速的修改代码，我们往往会发现，代码修改的越频繁，越多，这似乎是一个无法解决的矛盾。本文由云+社区发表，作者：韩伟互联网开发的核心问题当我1999年进入互联网行业工作的时候，华为刚刚通过了著名的CMM认证。当时作为一个小程序员，非常向往业界经典的软件开发模式。因为看上去，如果企业实行了CMM，我们程序员就不用再天天为了老板一个拍脑袋的主意而加班...

gotham 2019-08-05 15:59 评论0 收藏0
必看！互联网开发模式的经验之谈

摘要：架构设计实体化单元测试敏捷开发讲究要快速的修改代码，我们往往会发现，代码修改的越频繁，越多，这似乎是一个无法解决的矛盾。本文由云+社区发表，作者：韩伟互联网开发的核心问题当我1999年进入互联网行业工作的时候，华为刚刚通过了著名的CMM认证。当时作为一个小程序员，非常向往业界经典的软件开发模式。因为看上去，如果企业实行了CMM，我们程序员就不用再天天为了老板一个拍脑袋的主意而加班...

My_Oh_My 2019-07-30 18:44 评论0 收藏0
实录分享 | 那些年容器落地，企业为Docker填过的坑

摘要：数人云容器助力产品迭代力沙龙干货分享实录持续上新，今天是来自人人贷高级运维工程师杜天鹏的分享，与我们细数了人人贷容器化实践过程中遇到的问题以及解决方法。数人云容器助力产品迭代力MAX沙龙干货分享实录持续上新，今天是来自人人贷高级运维工程师杜天鹏的分享，与我们细数了人人贷容器化实践过程中遇到的问题以及解决方法。很高兴站在这里和大家一起交流容器技术，我叫杜天鹏，是人人贷的运维工程师。人...

funnyZhang 2019-06-28 15:22 评论0 收藏0