Monthly Archives: 十月 2017

内嵌页面分享降级处理

现状

app内嵌页分2中形态:

  • 一种简单的呈现大部分是说明页、简单活动页、结果页
  • 另外一种是SPA的业务线

SPA型页面因为业务会跟Native进行交互或者通信会通过Bridge进行交互

降级处理点

下面详细说一下有哪些功能点需要降级处理

  • APP Name

    不同APP中嵌入的页面可能会有区别,目前钱包(conch)跟美团(group)的业务表现应该是一样的

  • 导航条
    • 导航条的显示跟隐藏处理
    • 导航条右上角按钮处理
  • KNB相关
    • 设置标题时同时也设置document.title
    • closeWebView降级处理为history.back
    • openWebView降级处理为location.href=url
  • 业务相关注意点
    • 距离信息依赖于地理位置,所以分享出去的页面无法显示距离信息
    • 目前i版页面不支持H5地图

关于分享组件开发的思考

页面分享后被分享的页面底部需要显示下载App提示,考虑到多个页面使用,需要抽离成share-card组件,编码时考虑了2中调用方式:

2种不同方式调用,ShareCard的是想方式也是不同

以JS方式调用,可以将组件以单例模式处理,并且可以在任意时刻创建组件并展示,不过组件的控制需要额外去实现方法

以HTML声明式调用,可以放在任意布局位置,比JS方式更灵活,组件的显示跟隐藏可以通过调用组件的v-if或者v-show控制

学习月报2017-08

2017-08

第一周

第二周

第三周

第四周