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

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

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 里面用了不同的文件结构导致的

<list-item><div if={{item.img}}><image src='{{item.img}}'></div><div else><text>{{item.text}}</text></div>
</list-item>

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

<list-item type="img" if={{item.img}}><div><image src='{{item.img}}'></div>
</list-item>
<list type="text" else><div><text>{{item.text}}</text></div>
</list-item>
3、richtext 插入的html片段,无法更改样式?有时候图片还超出屏幕的边缘

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

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

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

<template>
<div><div><list>...</list></div>
</div>
</template>

解决方案: 改成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布局讲解
开发文档


http://lihuaxi.xjx100.cn/news/245783.html

相关文章

CloudStack部署篇二 高级网络设置

CloudStack 4.2.1版本基础安装&#xff1a; http://51log.blog.51cto.com/6076767/1598046测试默认UI访问 http:ip1:8080/client/选择【我以前使用过cloudstack,跳过配置指南】&#xff1b;开始应用网络配置&#xff1b;一、 高级网络部署管理服务器 &#xff08;mangermant m…

go 打印json 转义_Go 项目开发中 10 个最常见的错误

以下文章来源于Golang来啦 &#xff0c;作者Seekload

objective-c系列-单例

// 地球只有一个&#xff0c;所以声明一个地球对象就可以了&#xff0c;千万不能声明两个啊&#xff01;同理&#xff0c;有时候一个类也有只能有一个对象的情况&#xff0c;例如服务器&#xff0c;只想存到一个里 // 面&#xff0c;这样子&#xff0c;下次才可以取出上次存的数…

2018-2019-1 20165206 《信息安全系统设计基础》第4周学习总结

- 2018-2019-1 20165206 《信息安全系统设计基础》第4周学习总结 - 教材学习内容总结 程序员可见的状态&#xff1a;Y86-64程序中的每条指令都会读取或修改处理器状态的某些部分&#xff0c;这称为程序员可见状态。包括&#xff1a;程序寄存器、条件码、程序状态、程序计数器和…

request.getparameter特殊字符变成?号问号_15 个不可不知的 Linux 特殊字符,你懂几个?...

不知道大家接触 Linux 系统有多久了&#xff0c;可曾了解过 Linux 中有哪些特殊的字符呢&#xff1f;其实啊&#xff0c;那些特殊字符都大有用处呢&#xff0c;今天的文章就给大家简单地科普一下 Linux 中你需要了解的 15 个特殊字符&#xff0c;想学或刚学 Linux 的小伙伴赶紧…

Libgdx学习笔记:Simple text input

2019独角兽企业重金招聘Python工程师标准>>> 官方Wiki&#xff1a;https://github.com/libgdx/libgdx/wiki/Simple-text-input 实现接口TextInputListener public class MyTextInputListener implements TextInputListener { Overridepublic void input (String …

javascript与java的不同之处

javascript与java的不同之处 虽然很像&#xff0c;但不是一种语言。 二者的区别体现在&#xff1a; 首先&#xff0c;它们是两个公司开发的不同的两个产品&#xff0c;Java是SUN公司推出的新一代面向对象的程序设计语言&#xff0c;特别适合于Internet应用程序开发, 而JavaScri…

学术青年如何克服拖延症——5条技巧助你前进

雷锋网 AI 科技评论按&#xff1a;「我准备好了就开始」&#xff08;或者说「拖延症」&#xff09;&#xff0c;以及「即便动起手来也觉得举步维艰」大概是每个现代人都逃不过的日常感受&#xff0c;不管是学习、在企业中工作&#xff0c;还是从事学术研究。我们可能都看过许多…