工作中使用vue+weex+eeui开发APP遇到的一些问题

一、在实现基本架构中,公共化的问题:

在当初设想中是所有页面嵌套一个父组件,解决基本的功能需求,比如:头部标题,返回按钮,返回顶部,页面是否滚动等。后实现了以下代码:

props: {
      page: {
        type: Object,
        required: false,
        isready:false,
        default: {
            head:{
                title:"默认标题",//标题
                icon:"",//右键图标,默认为空;为空不显示
                iconText:"",
                right: function () {}//右键事件
            },
            scroll_top:-700,//回到顶部按钮。距离顶部多少显示;为0 不显示回到顶部按钮
            refresh: function (callback) {
                typeof callback == "function" && callback();
            },//刷新事件 callback回调方法
            isrefresh:true,//是否显示下拉刷新
            isscroller:false,//页面是否禁止滚动
            isback:true,//是否显示返回
            isnavbar:false, //是否显示头部 如果为true
            isbg:false,//是否更换背景为白色
            isfull:false,//是否浸入式全屏
            isresume:false,//标记是否执行更新数据
            islogin:false,//标记是否登录
            scroll:function(){},//滚动事件
        }
      }
    },


2.APP文章显示,html标签转weex标签问题,如:小程序也是一样有转化,不过小程序已经有前行者做了这件事,而且做的很好;但是weex没有人做,网上的也不能用,然后我就自己花时间实现了一个,可扩展的组件:https://github.com/netzhouxiang/eeui-html,实现思路与小程序的方法大同小异;也是先进行标签转化,后处理。

3.APP实现第三方登录过程中,有些第三方没有,基于EEUI结构,然后自己对接第三方API,当然这部分是通过原生实现的,现已封装成组件:https://github.com/netzhouxiang/eeui-openlogin,幸好开始接触编程学的JAVA没有忘记干净。

4.商品二级分类筛选界面实现,第一次做是通过weex-ui组件实现的,叫啥名我忘记了,反正这套weex-ui东西,我建议开发weex千万不要用,坑的一批;然后导致APP界面操作不流畅,左右滑动效果不理想;后经过反复研究,通过eeui tabbar自定义绑定数据,重构界面;目前就很流畅。(现在我的项目里已经干掉了所有的weex-ui,全靠自己实现)

5.页面setInterval倒计时实现问题,如果return时,启用setInterval,会导致页面闪烁;建议先声明好参数,然后启动setInterval;如:

created() {
    this.curTime = new Date().getTime();
    this.jstime = setInterval(() => {
      this.curTime = new Date().getTime();
    }, 1000);
  },
  methods: {
    getText() {
      if (this.sendTime > this.curTime) {
        return parseInt((this.sendTime - this.curTime) / 1000) + "秒";
      }
      return "获取"
    }
  }

其他还有一些小问题就不一一记录了,备份代码日后查阅!