微信小程序web-view页面偶尔出现空白 20C
<web-view wx:if="{{ scenicId !=undefined }}" src="https://域名/map?scenicId={{scenicId}}&token={{token}}" ></web-view>

成功的时候

图片说明

出现空白的时候

图片说明

第一次点进去很大几率出现空白

1个回答

猜测可能是程序中scenicId和token的初始化的问题。看看Page的onLoad函数中是否通过this.setData正确设置了这两个变量。

bobhuang
bobhuang 回复若如初见淡似雪丶: 是小程序本身处理机制的问题。里面的很多函数不是阻塞顺序执行的,是注册事件、条件触发的执行机制。而且事件触发和执行都是并行的,所以控制上要注意一些。
7 个月之前 回复
qiouou
若如初见淡似雪丶 后台权限全开,不传参,都会出现问题
7 个月之前 回复
qiouou
若如初见淡似雪丶 可是后台调式是直接没有进后台呀,前端我也作了判断,是进了web-view组件里的,就是没有走src一样,后面几次就不会出现这种问题.
7 个月之前 回复
bobhuang
bobhuang 回复若如初见淡似雪丶: 小程序的机制,计时器本身是登记一个定时触发的事件。程序执行并不会block在那里。建议先置空的初始值,加一个loading界面,再确认收到有效值之后,触发这两个变量的更新和界面的更新。
7 个月之前 回复
qiouou
若如初见淡似雪丶 主要证书使用的免费的,会不会是这个原因呢?
7 个月之前 回复
qiouou
若如初见淡似雪丶 应该不是,初始化时我还使用了计时器`,但是第一次80%的机率总是空白页,只要把不合法哪个域名勾上,就不会出现空白的情况,是不是web-view的业务域名证书的问题呢?
7 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信小程序web-view中url问题

最近在研究小程序,有个问题想问下前辈们,小程序中web view可以加载一个url链接 那么我可不可以这样做,小程序里面全部写上web view加载自己写好的html页面, 这样我的小程序上线以后我直接直接对html页面进行修改,这样在开发和维护方面方便很多,但是就是不知道微信官方允不允许我这样做,会给我审核通过吗?

小程序web-view无法访问外部网页。

index页面点击跳转到HTML页面 < button bindtap="bindViewTap">aaaaa</button > bindViewTap: function() { wx.navigateTo({ url: '../Html/Html' })}; HTML页面 <web-view src="https://www.baidu.com"></web-view> 打开了 ”![图片说明]()“ 也打开了不检验非法域名 https://img-ask.csdn.net/upload/202004/18/1587219740_678816.png ![图片说明](https://img-ask.csdn.net/upload/202004/18/1587219848_804186.png) 但是跳转就是无法成功 ![图片说明](https://img-ask.csdn.net/upload/202004/18/1587220021_249011.png) 有哪位大神可以解决么

微信小程序web-view点击坐标偏移问题

这是官方的代码我只改动了一下src地址代码如下: ![图片说明](https://img-ask.csdn.net/upload/201806/05/1528186734_330428.png) 当我点击搜索框的时候却点击到了新闻这一块跳转到新闻页面 ![图片说明](https://img-ask.csdn.net/upload/201806/05/1528186784_447934.png) 这是为什么 有什么改进方法吗?

微信小程序scroll-view bindscrolltolower事件不触发

微信小程序scroll-view bindscrolltolower事件不触发 ``` <view> <scroll-view hidden="{{m_hidden}}" style="height:500px" scroll-y="true" bindscrolltolower="loadMore" wx:for="{{month_list}}" wx:for-index="idx" wx:for-item="holidayAll"> <view class="month"> <image src=" https://calendar.8geek.com/Public/Mapi/imgs/month/{{monthImg}}.png" animation="{{animationData_month}}"></image> </view> <view class="solid f_solid" animation="{{animationData_sliod}}"></view> <view class="week"> <view>一</view> <view>二</view> <view>三</view> <view>四</view> <view>五</view> <view>六</view> <view>日</view> </view> <view class="day"> <view wx:for="{{holidayAll}}" wx:for-index="idx" wx:for-item="holidayAll_1" class=" rili_box ripple {{day_showName}}" bindtap="day_showThis"> <view>{{idx+1}}</view> <view>{{holidayAll_1.lunarday}}</view> </view> </view> </scroll-view> </view> ``` 页面其他元素都hidden了 , bindscrolltolower="loadMor" 还是触发不了...求解啊

微信小程序--页面删除数据后实现自动刷新页面

各位大牛,请问微信小程序页面我删除了数据,怎样自动刷新该页面

微信小程序访问web页面

小程序web-view组件访问百度(腾讯丶高德)地图,获取当前定位,在多种浏览器下能够精准定位,在QQ丶微信丶小程序中只能获取一个固定IP位置, 如何解决微信及小程序中定位无变化的问题? 微信打开页面如下:(错误位置,怎么都不会变化) ![图片说明](https://img-ask.csdn.net/upload/201907/17/1563361721_15296.png) 浏览器打开页面如下:(正确位置,支付宝直接点开连接也能直接获取!) ![图片说明](https://img-ask.csdn.net/upload/201907/17/1563361782_497479.jpg) 链接如下:http://www.wx.qiouou.com:8080/hello.html 求大佬观望!

微信小程序action-sheet 的hidden 属性

action-sheet的hidden值直接写在行hidden=”false“为什么显示不出来,而在js的data中取值,同样是hidden=”{{hidden}}“,data{hidden:false}就能在页面显示

怎么才能禁止web-view自动铺满整个页面

小程序的 webview 会铺满整个页面 不能自己填加组件 有没有办法不自动铺满

微信小程序的web-view组件里的业务域名是不是必须是自己控制的

大家好,我现在在做小程序开发,但是遇到一个问题。 我在使用web-view组件进行外部链接的访问,但是需要添加白名单,添加白名单时要进行证书的上传。 是不是意味着这个域名必须是我自己的? 谢谢各位。。。

微信小程序action-sheet

<action-sheet hidden="{{actionSheetShowTwo}}" bindchange='bindActionSheetChangeTwo'> <view class="selector"> <view class="brand-title">请选择车辆车型</view> <scroll-view scroll-y="true" class="scroll-view2-class"> <block wx:for='{{carMoudle}}' wx:key=''> <view class="selector-frist-scroll-view-item" hover-class="car-click-hover" data-item='{{item}}' hover-class="car-click-hover" catchtap="carMoudleChooseTap">{{item.models}}</view> <block wx:if="{{index != carMoudle.length}}"> <view class="split-item"></view> </block> </block> </scroll-view> </view> </action-sheet> 代码如上,改变hidden里面的值(为false时),为什么有时候可以弹出,有时候弹出不了,能回答一下嘛?

微信小程序标签上的data-hi属性是什么和微信怎么操作标签

微信小程序标签上的data-hi属性是什么?还有没有其他data-XX的属性? 还有微信不能使用DOM操作要怎么增删改查元素和元素属性的值?

微信小程序坑-scroll-view 在数据没有填满页面的时候,怎么触发bindscrolltoupper事件呢

![图片说明](https://img-ask.csdn.net/upload/201812/22/1545449479_53632.png) 类似这种情况,我的数据只有四个,无法滑动scroll-view,也就无法触发下拉事件

croll-view 组件中的元素如何实现自动滚动

请问 微信小程序中 scroll-view 组件中的元素如何实现自动滚动,就像轮播播放效果 scroll-view 中有多个view组件

小程序通过web-view请求接口的数据显示在页面上,如何将数据保存下来

小程序通过web-view请求接口的数据显示在页面上,如何将数据保存下来 ![图片说明](https://img-ask.csdn.net/upload/201911/11/1573461887_965124.png) ![图片说明](https://img-ask.csdn.net/upload/201911/11/1573461908_723569.png) ![图片说明](https://img-ask.csdn.net/upload/201911/11/1573461916_665712.png)

微信小程序显示问题求大神解决

微信小程序 input标签password模式,在安卓手机上placeholder中的内容也被隐藏了 模拟器中input标签位置是居中的,未设置margin-left,在iphone上显示的是顶在最左面,但是在android手机上是居中的。在iphone手机上margin的设置基本无效,为什么? 代码如下: ``` <view class="container"> <input class="common-input" placeholder="请输入邮箱" bindinput="dataForUsername" value="{{username}}" auto-focus /> <view class="verificationCode-view"> <input class="verificationCode-input" placeholder="验证码" bindinput="dataForVerificationCode" value="{{verificationCode}}" /> <button type="primary" class="sendVerificationCodeBtn" bindtap="doSenVercode">验证码</button> </view> <button type="primary" class="common-submitBtn" bindtap="doFindPwd">找回密码</button> </view> .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box; } .common-input{ width:80%; height:92rpx; border: 1px solid #d9d9d9; /*padding: 10rpx;*/ border-radius: 3px; } .common-submitBtn{ margin-top:30rpx; width:80%; } .verificationCode-view{ width: 80%; } .verificationCode-input{ width:50%; height:92rpx; border: 1px solid #d9d9d9; border-radius: 3px; margin-top: 25rpx; float: left; } .sendVerificationCodeBtn{ width:45%; float:right; margin-top: 25rpx; } ```

微信小程序的的跳转问题和view

怎么做出整个栏都能点,并能跳转,并不是只能点按钮跳转,还有怎么做出右边的">"的样子,求讲解,我正在开发小程序……但是是一个新手,希望大神讲解……

微信小程序使用open-data获取用户头像时无法渲染,如何解决

报错 ![图片说明](https://img-ask.csdn.net/upload/201905/29/1559095618_971265.jpg) ![图片说明](https://img-ask.csdn.net/upload/201905/29/1559095654_154587.jpg) ![图片说明](https://img-ask.csdn.net/upload/201905/29/1559095798_614421.jpg)

微信开发border-radius的问题

div{width:50%;height:8rem;border:0.027rem dashed #fff;border-radius:2rem;}div的父级上已经添加了北京颜色,为什么在一些设备上border不显示,有的边显示有的不显示,有的边颜色淡

小程序组件之scroll-view添加bindtap事件疑惑

1、wxml代码中scroll-view如下: ![图片说明](https://img-ask.csdn.net/upload/201806/13/1528861213_461046.jpg) 2.页面效果如下: ![图片说明](https://img-ask.csdn.net/upload/201806/13/1528861250_352863.jpg) 3.审查元素后发现bindtap方法不见了 ![图片说明](https://img-ask.csdn.net/upload/201806/13/1528861329_647613.jpg) 4.个人添加bndtap事件的原因是想要达到点击图片或者名字,然后可以执行方法跳到我指定的页面去。所以目前暂未找到原因(官方文档scroll-view上只有几个滚动事件,所以很疑问是否是scroll-view上不允许有bindtap事件存在?)

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

Intellij IDEA 实用插件安利

1. 前言从2020 年 JVM 生态报告解读 可以看出Intellij IDEA 目前已经稳坐 Java IDE 头把交椅。而且统计得出付费用户已经超过了八成(国外统计)。IDEA 的...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

魂迁光刻,梦绕芯片,中芯国际终获ASML大型光刻机

据羊城晚报报道,近日中芯国际从荷兰进口的一台大型光刻机,顺利通过深圳出口加工区场站两道闸口进入厂区,中芯国际发表公告称该光刻机并非此前盛传的EUV光刻机,主要用于企业复工复产后的生产线扩容。 我们知道EUV主要用于7nm及以下制程的芯片制造,光刻机作为集成电路制造中最关键的设备,对芯片制作工艺有着决定性的影响,被誉为“超精密制造技术皇冠上的明珠”,根据之前中芯国际的公报,目...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

百度工程师,获利10万,判刑3年!

所有一夜暴富的方法都写在刑法中,但总有人心存侥幸。这些年互联网犯罪高发,一些工程师高技术犯罪更是引发关注。这两天,一个百度运维工程师的案例传遍朋友圈。1...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

实时更新:计算机编程语言排行榜—TIOBE世界编程语言排行榜(2020年6月份最新版)

内容导航: 1、TIOBE排行榜 2、总榜(2020年6月份) 3、本月前三名 3.1、C 3.2、Java 3.3、Python 4、学习路线图 5、参考地址 1、TIOBE排行榜 TIOBE排行榜是根据全世界互联网上有经验的程序员、课程和第三方厂商的数量,并使用搜索引擎(如Google、Bing、Yahoo!)以及Wikipedia、Amazon、YouTube统计出排名数据。

立即提问
相关内容推荐