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>
网友评论