一、在实现基本架构中,公共化的问题:
在当初设想中是所有页面嵌套一个父组件,解决基本的功能需求,比如:头部标题,返回按钮,返回顶部,页面是否滚动等。后实现了以下代码:
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 "获取"
}
}
其他还有一些小问题就不一一记录了,备份代码日后查阅!