开发工具下载:https://www.quickapp.cn/docCenter/IDEPublicity
调试工具下载:https://statres.quickapp.cn/quickapp/quickapp/201806/file/quickapp_debugger.apk
实际开发中,仅这两个就够了。该ide的用法等等与vscode一样,调试要么用usb连接,要么让其与所在的开发环境在同一个局域网内,通过“扫码安装”或“在线更新”获取到最新apk内容,点击“开始调试”可在pc端同步调试。
详细功能及使用:https://doc.quickapp.cn
踩坑记录:
1.div下不可直接写文本内容,需用<span>或<text>标签包裹
2.<template>的第一层div为其根元素,不可添加if条件判断
3.部分css属性暂不支持,如margin: auto、overflow、white-space、max-width、box-shadow、z-index等等,布局直接用flex
4.父子组件消息传递:
对不做更改的常规数据传递,用props即可,同vue用法
父传子用$broadcast:先在子组件注册监听事件A【this.$on('A', this.A)】,在父组件通知【this.$broadcast('A',params)】
子传父用$dispatch:先在父组件注册监听事件A【this.$on('A', this.A)】,在子组件通知【this.$dispatch('A', params )】
详情:https://doc.quickapp.cn/tutorial/framework/parent-child-component-communication.html
5.路由返回:
对于常规业务来讲router.back()基本够用,但假设这样一种场景,有如下三个页面
A【主页】、B【个人中心页,需登录】、C【注册登录页】,其中A、B页有公用底部Tab可相互跳转,C页无
在A页通过底部Tab跳到B页,在B页做登录检测,如果登录展示B页内容,如果未登录则跳转至C页,此时如果在C页点击左上角返回按钮,页面将一直在B/C页循环跳转,但我们希望在C页点击返回按钮后跳到A页,那么该如何实现呢?
起初,我们意图在C页或A页里通过官方提供的router.clear()方法达到C页顺利跳A的效果,但router.clear()方法实际并没任何作用;所以最后,我们在B页未登录的情况下,重定向到A页,并挂载一个全局变量JUMP_LOGIN,伪代码如下:
B页:
onShow() {
if (isLogin){
doActionPageB()
} else {
router.replace({uri: '/page/A'})
this.$app.jumpLogin = true
}
}
A页:
onShow() {
if (this.$app.jumpLogin) {
return router.jump({path: '/page/C'})
} else {
doActionPageA()
}
}
C页:
onShow() {
this.$app.jumpLogin = false
doActionPageC()
}
6: 神策埋点
神策虽然提供了sensor.login()这个方法以便用当前uid来替换神策自己提供的匿名id,但实际却并不会实时生效,其对应的distinct_id字段发送的始终是上个登录用户的uid而并非当前用户的。解决方案是,弃用神策自带的sensro.login()方法,自定义一个uid方法,其值通过全局变量$uid来传递,$uid取值来自于本地存储的storage