关注
分享
快应用是华为联合各大手机厂商共同研发的一门基于ES6的新语言，和小程序，weex，RN很类似，但也有属于自己的特点，从刚开始兴起到现在，踩了很多坑，也学到了很多，希望在这里，通过专栏的形式和大家一起分享开发中的一些问题，互相促进，共同进步。
CodingFire
从移动端到跨平台，从跨平台到Java，学习是一件让人开心的事，也是一件孤独的事。所谓君子慎独,不欺暗室。共勉之！
展开
-
华为快应用-最方便的全局静态变量写法
博主以前写过一篇华为快应用全局变量和方法写法的博客，除了这种写法之外，也可以利用storage来写，但是因为每次都要存取，其实并不可取。随着开发的加深，逐渐发现利用上面方法写出的全局变量比较冗长，所以思考有没有更简洁的办法，后来在开发网站上找到了蛛丝马迹，在/src/manifest.json路径下的config下： "config": { "logLevel": "debug",...原创 2019-01-26 11:03:00 · 1604 阅读 · 2 评论 -
华为快应用-怎么隐藏原生导航条
从华为官方的API中，博主尝试去找解决办法： 只找到了这个，这并没有对我的需求有任何帮助，后来才知道原来需要在manifest.json文件中来修改： 看到最下面的display了么，就在这里，而且你还可以设置哪些界面隐藏原生的导航栏，哪些界面不隐藏，方法从截图中可以看到，和路由的写法一样。（后来博主尝试了下，不能通过component的方法来改变一个文件夹下其中某一个ux文件的导航栏...原创 2018-04-18 15:33:13 · 2512 阅读 · 0 评论 -
华为快应用-如何来写一个列表选择器
从weex到快应用开发，感觉中间的差异还是蛮大的，关于导航条，在weex中有专用的weex-ui来提供已经封装过的组件供开发者使用，在快应用中，连scroller都没有了，div自带可滑动的属性，但是还没验证是否可以设置偏移量，想想也觉得这样不靠谱。 博主这里采用tab来写导航条，看代码：<template> <div class="cuslistclass"&...原创 2018-04-20 16:03:04 · 1463 阅读 · 4 评论 -
华为快应用-web标签无法加载http和https混载的html页面
如果你刚好遇到这问题，那么不是你的问题，这是因为华为快应用对web的安全做了一个限制，和他们沟通后，他们打算放开这个限制，博主这里有一个他们给的beta版本调试器，已经放开限制的，正式版本会在五一前后发布。web标签加载不出来，但是通过全局的webview来loadurl的话是可以加载出来的，但是需要重新打开一个新的界面，也就是说，你可以在点击的事件里直接通过webview来load，在新的调...原创 2018-04-20 16:08:15 · 1998 阅读 · 0 评论 -
华为快应用-怎么实现打电话功能
在快应用中，没有说明如何来实现打电话的功能，我们尝试使用h5中的方法，用a标签的href来实现： <a href="tel://你需要的电话号码" if="$idx===3" style="width:100%;color:#F78C3E;font-size:26px;position:absolute;margin-right:26px;text-align:right">电话号...原创 2018-04-26 10:29:39 · 1744 阅读 · 0 评论 -
华为快应用 - web标签无法加载部分网页
如果你刚好用了快应用，刚好用了web标签接入h5，如果你顺利加载出网页，那么恭喜你，如果你恰好加载不出来？，那么也恭喜你，中奖了，经博主了解，官方对web标签做了闲置处理，无法加载混载的html，所以，相当一部分开发者会遇到web标签无法加载h5内容的情况。<web src="xxxxxxxxxxx"></web>但是官方没有放开权限怎么办？ 推荐使用另一个全...原创 2018-05-15 10:16:25 · 1914 阅读 · 0 评论 -
华为快应用-router.push的限制（卡顿时多次点击会连续触发）
近期在使用快应用中无意间发现一个问题，点击个人中心的头像时，检测登陆状态，如果未登录，则跳转到登陆页，这么一个操作，当卡顿时，点击了一次没反应，又点了一次，结果连续跳转到两个登陆页，关掉当前登陆页还有一个登陆页，一开始没有在意，提交审核过程中，被拒绝发布，原因就是这个，仔细看了下代码，不存在连续跳转两次的操作，所以猜测，问题可能是跳转过程中的判断延时比较高，导致无意识间点击多次，所以就出现了如上所...原创 2018-05-22 20:07:10 · 1215 阅读 · 0 评论 -
华为快应用-怎么使用卡片功能
关于卡片这一块，华为并没有给出什么Demo供开发者学习，虽然看了官方的文档，但总感觉无从下手，有这样的小伙伴，看了这篇博客之后，包你学会使用卡片，超级简单。 首先声明，卡片功能开发完成后，开发者不能控制卡片显示，解释下，卡片是显示在最左侧空屏的，像通知一样的东西，安卓用户应该都知道的，不过博主是iOS开发为主的。简而言之，卡片是否显示只能由华为来控制，具体的显示还需要跟华为沟通的哦。 目前，早...原创 2018-06-05 20:07:49 · 7079 阅读 · 7 评论 -
华为快应用-在卡片中使用lines限制text行数无效的问题
前两天刚写了卡片的使用方法，然后马上就踩坑了，发现在卡片中使用标签，设置显示的行数（lines）无效，本以为是lines问题，可是明明记得非卡片的时候有用过，索性在非卡片上重新试了一下，完全没问题。跟华为开发者沟通后确定这是一个bug，但是也有一个方法来规避这个问题，使lines设置生效： .content_text { font-size: 30px; ...原创 2018-06-07 11:08:53 · 912 阅读 · 0 评论 -
华为快应用-修改IDE的主题颜色
华为IDE主题默认为白色，看着很刺眼，也很丑，习惯用VScode的小伙伴估计会喜欢那种深色的页面，这里博主就教大家怎么替换当前主题为深色系： 1.IDE->首选项->设置 2.在设置中搜索color 3.在右侧替换圈起来的那一项（代表主题色） 默认会有图中所示下面的两种，上面的两种是插件，需要的自己下载哦，用Dark的那一项就是深色系，颜色会很舒服的。 4.修改后...原创 2018-06-21 17:51:13 · 1398 阅读 · 0 评论 -
华为快应用 - 打包的签名注意事项和versionCode注意事项
1.快应用打包的签名问题 打包的时候，会自动签名，这个签名文件也是自动生成的，就目前来说，因为快应用市场没有像苹果那样统一，所以，华为的快应用发布时需要发布到除华为外的其他合作市场，比如：vivo，oppo等。 这时候多人开发的时候不同的人打包，签名是不一样的，不同的签名在下次更新到同一个市场的时候是无法成功上传的，除非申请下架之后重新上传新的签名的包，这就很麻烦了，所以这里推荐几种方法来解决...原创 2018-06-22 19:10:01 · 2263 阅读 · 0 评论 -
华为快应用-怎样写一个全局的变量和方法
看过博主其他博客的都知道博主是做iOS出身，后来学的前端，Java，weex，快应用这些，思想上总是偏向于iOS，所以在快应用中也总想着能写一个全局的方法，现在就把这个经验分享出来： 在快应用的工程中有一个文件叫app.ux，在这个文件夹中 你会明显的看到博主写的全局变量和方法的注释，调用方法是：//这里直接输出，会打印两个，一个是方法中打印的，一个是这里打印的console.l...原创 2018-06-28 10:49:21 · 2704 阅读 · 2 评论 -
华为快应用-在其他平台审核出现的白屏问题
最近开发中，提交到oppo，vivo等市场的包在审核时出现了白屏问题，经过本地调试，并未发现有报错出现，百思不得其解，后来经过了解找到问题的所在。原因是：你开发的环境是基于华为快应用平台还是华为快应用联盟平台，这里简单解释下，因为快应用华为起到一个推进作用，所以华为平台的更新会更快，技术会更前沿，当然，相应的也会存在不少bug，只有当版本稳定之后才会把更新合并到快应用联盟平台，如果你出现了这种...原创 2018-07-05 19:23:23 · 1352 阅读 · 0 评论 -
快应用联盟-1010版调试器中web标签导致的白屏奇葩问题
由于要适配不同地 厂商，所以博主从针对华为快应用的开发转到了快应用联盟，这两天发现了一个奇葩问题： 在tab中如果存在web标签，然后在这些tab任意的子页面，也就是router.push之后的页面中，只要有输入框，点击输入框拉起键盘后，点击返回按钮，这个白屏问题必现，一定是要键盘弹出来，不要收回。这个问题乍一看两者间没有必然的关联的，简直奇葩了，和华为开发人员沟通后确定为1010调试器bu...原创 2018-07-11 18:52:48 · 614 阅读 · 0 评论 -
华为快应用-父子组件的通信（父传子）
父子组件传递信息有两种方法： 1.属性传值； 2.广播传值；1）属性传值相对简单，即在子组件中用props声明属性，然后在父组件中使用时进行赋值，说起来简单，下面来说说具体怎么用：//子组件 child.uxprops: [ 'name', 'age' ]//父组件内使用子组件&lt;child name="{{user_name}}" a...原创 2018-07-18 19:31:14 · 1350 阅读 · 0 评论 -
华为快应用-监听属性值变化
在快应用中，想要在某个值发生变化的时候监听到，可以这么写：我们现给出一组属性：props: [ 'name', 'age' ] onInit () { // 监听数据变化，如果监听的是对象中的某一特性，可以用. 比如user.name,user.age this.$watch('name', 'watchNameCha...原创 2018-07-18 19:39:00 · 1282 阅读 · 2 评论 -
华为快应用-兄弟组件之间的通信
前面几篇博客中博主详细说明了父子组件之间的正反向传值，这篇博客，博主就带大家一起来学习下兄弟组件之间的相互传值。 既然是兄弟组件，那么他们一定有共同的父组件，这是他们传值的关键： 首先在他们共有的父组件中写如下代码： onReady () { this.establishRef() }, /** ...原创 2018-07-25 19:32:27 · 858 阅读 · 0 评论 -
华为快应用-父子组件的通信（子传父）
从华为快应用-父子组件的通信（父传子）这篇博客我们知道了父组件是怎么把值传递给子组件的，那么子组件怎么传递值给父组件呢？//父组件中 onShow: function() { //和父组件向子组件中传值一样，反着传值需要在父组件中绑定事件 this.$on('evtType2', this.evtTypeHandler) ...原创 2018-07-25 19:04:31 · 1324 阅读 · 0 评论