[kbone] 问题集锦

1. 在tabBar页面偶尔出现闪屏现象

经过排查，是在tabBar页面中使用了 <wx-image>标签，图片大小在渲染前没有被正确确认导致。
解决方案：使用<div>而不是<wx-image>标签，将所需展示图片通过background进行引用。

2. 防止 touchmove 过程中触发 pagescroll

目前小程序不支持 prevetDefault和stopPropagation
解决方案：在需要滑动操作的元素外部包裹<wx-catch>来阻止事件冒泡

3. 小程序中 canvs 2d 不支持真机调试，目前只支持开发者工具或者手机预览。

4. kbone小程序跳转，可能遇到不确定此次页面跳转是否成功的问题

解决方案：

• 可以使用getCurrentPages() 看下当前的页面情况
• 如果确认页面跳转失败并且页面存在，跳转地址也没有问题。可以检查下跳转中携带的参数是否存在 特殊字符 保留字符 ? # 等需要进行encode的特殊参数，使用encodeURIComponent做下encode，解码时使用decodeURIComponent

kbone 中如果希望在页面中使用 vue-router中的 hook 需要页面顶部进行注册

举例：

// a.vue
<template>
    <div class="name">
        <!-- content -->
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

Component.registerHooks([
    'beforeRouteEnter',
]);

@Component({
    name: 'xxx',
})
export default class Name extends Vue {
    public async beforeRouteEnter(to: Route, from: Route, next: any) {
        // do something
        next();
    }
}
</script>

<style lang="less">
.name {
    // css
}
</style>