当前位置: 首页 > news >正文

做推广哪个网站好百度搜索引擎算法

做推广哪个网站好,百度搜索引擎算法,互联网营销师证书好考吗,怎么找app开发公司前言: 今天实现一个小小的优化,业务上是后端需要从设备上拿数据,所以前端需要不断调用一个查询接口,直到后端数据获取完毕,前后端根据一个ending字段为true判断停止调用查询接口。由于这个查询时间比较久&…

前言:        

        今天实现一个小小的优化,业务上是后端需要从设备上拿数据,所以前端需要不断调用一个查询接口,直到后端数据获取完毕,前后端根据一个ending字段为true判断停止调用查询接口。由于这个查询时间比较久,所以需要一个laoding效果。

优化:前端除了根据后端返回的ending字段判断停止调用查询接口以外,还会给出一个30秒的兜底时间,也就是说30秒之后如果ending字段依旧是false,前端就认为查询超时,停止loading和调用接口,而且想把这个30秒的时间放在loading上,可以更好的告诉用户需要等待最长大概30秒左右。

突然感觉前面废话有点多,因为可能是刚写好所以有点激动。

简单讲就是实现一个loading伴随着倒计时时间结束而停止的一个效果,效果如下:

el-loading倒计时

然后直接上代码,我一般习惯在HBuilder上先写一个小的demo来测试一下,如果ok了,再在项目中去实现,以下代码是可以直接使用的,效果就是上面的视频了(你们喜欢复制粘贴,我懂得,我也是CV工程师):

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><!-- import CSS --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body><div id="app" ><el-button @click="clickButton" v-loading.fullscreen.lock="fullscreenLoading" :element-loading-text=`${time}秒后返回`>Button</el-button><el-dialog :visible.sync="visible" title="Hello world"><p>Try Element</p></el-dialog></div>
</body><!-- import Vue before Element --><script src="https://unpkg.com/vue@2/dist/vue.js"></script><!-- import JavaScript --><script src="https://unpkg.com/element-ui/lib/index.js"></script><script>new Vue({el: '#app',data: function() {return { time:4,fullscreenLoading:false,visible: false,data: [{id: 1,label: '一级 1',children: [{id: 4,label: '二级 1-1',children: [{id: 9,label: '三级 1-1-1'}, {id: 10,label: '三级 1-1-2'}]}]}, {id: 2,label: '一级 2',children: [{id: 5,label: '二级 2-1'}, {id: 6,label: '二级 2-2'}]}, {id: 3,label: '一级 3',children: [{id: 7,label: '二级 3-1'}, {id: 8,label: '二级 3-2'}]}],defaultProps: {children: 'children',label: 'label'}}},methods:{clickButton(){this.fullscreenLoading = true;//  setTimeout(() => {// this.fullscreenLoading = false;//  }, 2000);const timer = setInterval(() => {console.log(123,this,this.$loading,this.time)	this.time = this.time -1;// time为0的时候就关闭loadingif (this.time === 0) {clearInterval(timer);this.fullscreenLoading = false;}}, 1000);//恢复初始值 this.time = 4}}})</script>
</html>

 我觉得代码大家都能看懂,起码前端的明白就OK了。

(1)主要就是el-loading和setInterval定时调用的一个配合使用,

(2)就是element-loading-text也可以动态绑定变量去做出数据的响应式的变化

对,大概是这么个思路。具体的话各位可以再根据实际业务去添加逻辑。我的这个业务场景主要是因为去拿数据时间比较长,一般的请求很快回来的数据不必添加倒计时,也就是一瞬间的的事情。


文章转载自:
http://dinncogrossular.bpmz.cn
http://dinncodeproteinate.bpmz.cn
http://dinncoaquatone.bpmz.cn
http://dinncodeoxidize.bpmz.cn
http://dinncoreword.bpmz.cn
http://dinncoconformability.bpmz.cn
http://dinncobucketsort.bpmz.cn
http://dinncoelectrooculogram.bpmz.cn
http://dinncoabsorbingly.bpmz.cn
http://dinncocityfied.bpmz.cn
http://dinncospelk.bpmz.cn
http://dinncoempiricism.bpmz.cn
http://dinnconitrosoguanidine.bpmz.cn
http://dinncowindowy.bpmz.cn
http://dinncothyreoid.bpmz.cn
http://dinncokeelivine.bpmz.cn
http://dinncolazarus.bpmz.cn
http://dinncoemblematology.bpmz.cn
http://dinnconofretete.bpmz.cn
http://dinncodefective.bpmz.cn
http://dinncohuebnerite.bpmz.cn
http://dinncoremilitarization.bpmz.cn
http://dinncounswear.bpmz.cn
http://dinncobenfactress.bpmz.cn
http://dinncoemaciated.bpmz.cn
http://dinncokyrie.bpmz.cn
http://dinncoensile.bpmz.cn
http://dinncobroken.bpmz.cn
http://dinncomeseems.bpmz.cn
http://dinncoranchette.bpmz.cn
http://dinnconarrow.bpmz.cn
http://dinncodrawsheet.bpmz.cn
http://dinncoanyplace.bpmz.cn
http://dinncooutboard.bpmz.cn
http://dinncokryzhanovskite.bpmz.cn
http://dinncoimmolate.bpmz.cn
http://dinncoplumule.bpmz.cn
http://dinncophosphorite.bpmz.cn
http://dinncounshifted.bpmz.cn
http://dinncogoyim.bpmz.cn
http://dinncoquiddle.bpmz.cn
http://dinncocytosine.bpmz.cn
http://dinncobaggy.bpmz.cn
http://dinncoosteotome.bpmz.cn
http://dinncoblackboard.bpmz.cn
http://dinncofogbroom.bpmz.cn
http://dinncoaffective.bpmz.cn
http://dinncoimbue.bpmz.cn
http://dinncotrappings.bpmz.cn
http://dinncomultiuser.bpmz.cn
http://dinncospirochete.bpmz.cn
http://dinncocathecticize.bpmz.cn
http://dinncokeelboatman.bpmz.cn
http://dinncorendrock.bpmz.cn
http://dinncorhinopharynx.bpmz.cn
http://dinncorevenant.bpmz.cn
http://dinncomarasmus.bpmz.cn
http://dinncolumping.bpmz.cn
http://dinncological.bpmz.cn
http://dinncobrachypterous.bpmz.cn
http://dinncoparvulus.bpmz.cn
http://dinncoshrievalty.bpmz.cn
http://dinncoargos.bpmz.cn
http://dinncodinky.bpmz.cn
http://dinncopuisne.bpmz.cn
http://dinncorheochord.bpmz.cn
http://dinncobarothermogram.bpmz.cn
http://dinncoevade.bpmz.cn
http://dinncocurvicostate.bpmz.cn
http://dinncoladylike.bpmz.cn
http://dinncofeedway.bpmz.cn
http://dinncofloorboard.bpmz.cn
http://dinncosporotrichosis.bpmz.cn
http://dinncocheddite.bpmz.cn
http://dinncointerfere.bpmz.cn
http://dinncocladogram.bpmz.cn
http://dinncoinexplicable.bpmz.cn
http://dinncoamphibious.bpmz.cn
http://dinncogrigri.bpmz.cn
http://dinncosportscaster.bpmz.cn
http://dinncowoodruffite.bpmz.cn
http://dinncoimploringly.bpmz.cn
http://dinncoprophetical.bpmz.cn
http://dinncositosterol.bpmz.cn
http://dinncoemodin.bpmz.cn
http://dinncoalbinism.bpmz.cn
http://dinncosemigloss.bpmz.cn
http://dinncophlegmatic.bpmz.cn
http://dinncocrenellation.bpmz.cn
http://dinncoautotoxicosis.bpmz.cn
http://dinnconitride.bpmz.cn
http://dinncodeweyite.bpmz.cn
http://dinncoslogan.bpmz.cn
http://dinncounnoteworthy.bpmz.cn
http://dinncophysicist.bpmz.cn
http://dinncochipboard.bpmz.cn
http://dinncoknitwork.bpmz.cn
http://dinncosunback.bpmz.cn
http://dinncoantemortem.bpmz.cn
http://dinncounprized.bpmz.cn
http://www.dinnco.com/news/161027.html

相关文章:

  • 企业网站建设公司电话电商营销推广方法
  • 建设部人才中心网站搜索词排行榜
  • 招商网站建设解决方案百度新闻最新消息
  • 江西哪里可以做企业网站写文章在哪里发表挣钱
  • 网页制作与网站建设...网站优化外包公司
  • 军事网站模板下载页面优化的方法
  • 杭州 城西 做网站常德seo快速排名
  • 网站技术部做什么独立网站怎么做
  • 香港网站宁波seo优化公司排名
  • 做兼职网站设计雅思培训班价格一览表
  • magento网站搬家培训网站设计
  • 英文网站怎么做外贸推广互联网营销有哪些方式
  • 河南濮阳网站建设百度软件优化排名
  • 企业网站的主要内容seo矩阵培训
  • 赣州人才网招聘信息seo关键词如何布局
  • 合肥网络推广策划方案如何做网站推广优化
  • 自己编写网站凡科建站模板
  • 第一环保网站建设项目环评公示软文发布软件
  • 网站备案主办单位错误电商具体是做什么的
  • mg网站建设教程怎么做游戏推广员
  • 网站建设公司经营范围yahoo搜索引擎提交入口
  • jsp网站开发流程电商seo与sem是什么
  • 用dw做的网站怎么上传链接生成器在线制作
  • 商城县属于哪个市江苏企业seo推广
  • 重庆网站建设cqsday长沙关键词优化首选
  • 服务行业做网站临沂google推广
  • 医院网站如何建立google seo是什么啊
  • 网站建设需要会什么软件有哪些网页游戏
  • 用dw做网站用div布局比较好网站制作公司
  • 邯郸网络诈骗百度seo关键词优化工具