-webkit-overflow-scrolling:touch
之前做移动端项目的时候,同事推荐使用-webkit-overflow-scrolling:touch;
属性,当时只是知道在元素内容有滚动条的时候使用这个属性,可以使滚动比较流畅。
然后在MDN上查了一下:
-webkit-overflow-scrolling
属性是来控制元素在移动设备上是否有回弹的效果。
它有两个属性值:
auto
:使用普通滚动,当手指在屏幕上离开时,滚动立即停止touch
:使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。
兼容性写法:
verflow:auto;/* winphone8和android4+ */
-webkit-overflow-scrolling: touch; /* ios5+ */
bug
当你给一个元素设置过position:absolute;
或者position:relative;
后再增加-webkit-overflow-scrolling: touch;
属性后,你会发现,滑动几次后可滚动区域会卡主,不能在滑动,这时给元素增加个z-index
值就可以了。
-webkit-overflow-scrolling: touch;
position:absolute;
z-index:1;
-webkit-overflow-scrolling:touch
在移动端存在滚动卡死的bug
前言
最近用ionic来开发微信公众号,看好的就是ionic有成熟的UI框架,不需要自己去定义UI控件,当然微信也提供了自家的UI控件,但是数量实在太少,不敢恭维。
因为一直用的是chrome调试开发的页面,测试的时候也没有发现什么问题,但是直到将代码放上服务器,然后通过iPhone手机的微信公众号来访问开发的网页,在滑动到顶部或者底部的时候,重复上滑或者重复下滑,会导致页面卡死,需要2,3秒后才能恢复正常。瞬间奔溃,这是个什么玩意儿。在百度上查了一下资料原来是-webkit-overflow-scrolling:touch引起的,有前端开发经验的人都知道,这个属性是给网页在iOS设备中呈现并滚动的时候,起到更加流畅的作用,有一个回弹的效果,跟原生iOS滑动的效果一样,没想到反而给iOS设备挖了这么大的一个坑,wtf…
分析
经网上查找一些资料描述是Safari
会对使用-webkit-overflow-scrolling
的网页,会创建一个UIScrollView
,给要显示的元素使用。具体可以参考这篇文章,文章的作者也是遇到这个问题,并且估计快被逼疯了…
通过chrome检查元素可以看到在网页编译并且跑起来之后,ionic
有生成了一个类名为“scroll-content
”的div
,这个div就是使用了-webkit-overflow-scrolling:touch
,仔细查看了资料包括上面那篇文章,说是可以通过给滚动的元素的内部加一个div
元素,然后设置这个内部的div的高度100%+1px
或100%+1%
可以解决,有些人就说是通过修改z-index
,还有些人说是不要让那个滚动的元素有relative
或者absolute
这样的css定位。由于是在ionic
的框架上进行开发的页面,查找了元素“scroll-content
”这个div
确实有绝对定位,刚开始很担心是ionic
框架的问题,难道这次要翔,但是上面的方法全部试了个遍,可以很负责任的告诉你,没有用,没有用,没有用,不论是ios设备的微信浏览器,safari浏览器,QQ浏览器,UC浏览器,都是会存在这个卡死的问题。
解决方案
想了好久,既然是-webkit-overflow-scrolling:touch
引起的,那么不用这个属性就行了嘛,但是不用这个属性,页面滑动起来真的是还不如让这个bug留着,那感觉就像你看了一部无声的,黑白的,画质贼差的电影。接着往下思考,既然是在顶部或者底部的时候会出现卡死,那么不如通过touchstart
和touchmove
事件来判断是否到达顶部或者底部,然后移除-webkit-overflow-scrolling:touch
,不满足的时候就重新加上-webkit-overflow-scrolling:touch
,这样就不会影响滑动,实际上也是有点效果了,可以滑动一点点,但是你疯狂的滑动,还是会出现卡死。
当然这种方案是不行的,所以最后还是通过判断是否到达底部或者顶部添加event.preventDefault()
;来解决
stackoverflow上的建议
但是这边还有一个需要注意的点就是,如果你的页面有刷新和加载分页,那么你就需要注意设置event.preventDefault()
的时机。
如果有下拉刷新,那么在
scrollTop
为0的时候,就不能设置event.preventDefault()
;如果有加载分页,那么你就需要直到滑动到最后一页的时候,才能设置event.preventDefault()
,否者你一加载更多,页面立马就卡死了。
下面是我代码:
preventFreezeAtTopOrBottomForIOS(isGetRefresher,contenClassName){if(this.isIOS()){let contentEle = document.getElementsByClassName(contenClassName)[0];let lastY = 0; // Needed in order to determine direction of scroll.contentEle.getElementsByClassName("scroll-content")[0].addEventListener('touchstart', function(event) {lastY = event.touches[0].clientY;});//获取滚动元素let scrollEle = contentEle.getElementsByClassName("scroll-content")[0];//先移除监听事件scrollEle.removeEventListener('touchmove', function (event) {event.preventDefault();}, false);//再添加监听事件scrollEle.addEventListener('touchmove', function(event) {let top = event.touches[0].clientY;// Determine scroll position and direction.let scrollTop = scrollEle.scrollTop;// console.log("--scrollTop--" + scrollTop);let scrollHeight = scrollEle.scrollHeight;// console.log("--scrollHeight--" + scrollHeight);let clientHeight = scrollEle.clientHeight;// console.log("--clientHeight--" + clientHeight);let direction = (lastY - top) < 0 ? "up" : "down";// FIX IT!if (scrollTop == 0 && direction == "up") {console.log("--到顶部--");// Prevent scrolling up when already at top as this introduces a freeze.if(!isGetRefresher){//没有头部刷新的,需要设置防止头部freezeevent.preventDefault();}} else if (scrollTop >= (scrollHeight - clientHeight) && direction == "down") {// Prevent scrolling down when already at bottom as this also introduces a freeze.event.preventDefault();console.log("--到底部--");}lastY = top;});}}
由于我是使用ionic
框架来开发的,所以我这边实际上滚动是“scroll-content”这个div,并且每一个页面都有一个“scroll-content”,所以你在获取对应的页面对应不同的“scroll-content”的时候,可以通过给ion-content设置class来获取其下面的元素“scroll-content”。
参数说明:
其中的contentClassName
就是各个页面的ion-content
对应的classname
,注意需自己给ion-content
设置唯一的classname
,isGetRefresher
就是判断是否有下拉刷新,是boolean
类型,至于加载更多,你不需要限制,只需要我上面说的,加载到最后再调用上面那段代码。反正就是内容高度一变化,你就得重新设置。
总结
感觉这种方法是比较好的解决方法了。如果你有其他更好的方法可以告诉我(估计你也没有😄),被这个bug折磨了很久,总算是消停了,当然还是希望官方可以解决这个bug。
移动端丨-webkit-overflow-scrolling:touch
属性导致页面卡住
起因
故事的起因是,在一个多列表的页面上,页面在iOS11,跟iOS10中会发生页面卡住,不能进行滚动。
然后就怀疑是自己的样式写的出了问题,就一直排查定位元素的样式,怎么都找不到问题所在。
但还是本着追根溯源的精神,定位到根元素的样式上有一个-webkit-overflow-scrolling: touch;
的样式属性;然后查了一下该属性:
-webkit-overflow-scrolling
属性控制元素在移动设备上是否使用滚动回弹效果.
auto
: 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。touch
:使用具有回弹效果的滚动,当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。
在移动端上,在你用
overflow-y:scorll
属性的时候,你会发现滚动的效果很很生硬,很慢,这时候可以使用-webkit-overflow-scrolling:touch
这个属性,让滚动条产生滚动回弹的效果,就像ios原生的滚动条一样流畅。
问题
但是的但是,-webkit-overflow-scrolling:touch
这个属性真的是超级神坑,比如:
- 在safari上,使用了
-webkit-overflow-scrolling:touch
之后,页面偶尔会卡住不动。(中招) - 在safari上,点击其他区域,再在滚动区域滑动,滚动条无法滚动的
bug
。 - 通过动态添加内容撑开容器,结果根本不能滑动的
bug
。(中招) - 滚动中
scrollTop
属性不会变化 - 手势可穿过其他元素触发元素滚动
- 滚动时暂停其他
transition
解决方案:
方案一
<div id="app" style="-webkit-overflow-scrolling: touch;"><div style="min-height:101%"></div>
</div>
方案二
<div id="app" style="-webkit-overflow-scrolling: touch;"><div style="height:calc(100%+1px)"></div>
</div>
方法就是在webkit-overflow-scrolling:touch
属性的下一层子元素上,将height
加1%
或1px
。从而主动触发scrollbar
。
思考为什么会出现这个问题
Safari对于overflow-scrolling
用了原生控件来实现。对于有-webkit-overflow-scrolling
的网页,会创建一个UIScrollView
,提供子layer
给渲染模块使用。我们也就只能解决到这了。
总结
不得不感叹,这些神奇的黑魔法,看的奇奇怪怪但是真实 的解决了实际的问题,毕竟css本身也是就是黑魔法本黑了,更不要说移动端这个天坑了。
深入研究-webkit-overflow-scrolling:touch
及ios滚动
1. -webkit-overflow-scrolling:touch
是什么?
MDN上是这样定义的:
`-webkit-overflow-scrolling` 属性控制元素在移动设备上是否使用滚动回弹效果.`auto`: 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。`touch`: 使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。
在移动端上,在你用overflow-y:scorll
属性的时候,你会发现滚动的效果很木,很慢,这时候可以使用-webkit-overflow-scrolling:touch
这个属性,让滚动条产生滚动回弹的效果,就像ios原生的滚动条一样流畅。
2. 解决safari布局抖动的例子
想实现一个布局为header、main、bottom
的布局,其中头部和底部通过fixed
固定,中间部分通过滚动条滑动。
如果目的是实现只要中间的内容超过屏幕高度时,中间内容会自动滚动的效果的话,main
部分加上上下的padding
,然后不需要自己添加任何滚动条属性,当超出高度时,body
会自动产生滚动条。这样我们的目的其实是实现了的。
但是在safari上,当超出高度,页面往下滑时,浏览器底部的工具栏会随着页面一起晃动(向下滚动时会拉起底部工具栏),造成了很不好的体验。所以我们想在中间的main
部分加一个独立的滚动条。
2.1 方案一
在main
上使用fixed
定位,加上overflow-y
属性。
.main {position: fixed;top: 50px;bottom: 50px;overflow-y: scroll;
}
不过不推荐这个fixed
方案,因为页面偶尔卡住不动,下面说到了这个问题。
2.2 方案二
中间的**main
不设定位,高度100%
,再padding
头部和尾部,**
其中头部和底部的定位设为absolute
会比设为fixed
体验更好(况且fix布局在移动端本来就有各种各样的问题,还是尽量避开:) )。
大致代码如下,仍是 overflow-y
和-webkit-overflow-scrolling
,重点在于中间部分依照文本流布局。
html, body {height: 100%;}main {padding: 50px 0;height: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
3. 探究-webkit-overflow-scrolling:touch
偶尔卡住或不能滑动的bug
-webkit-overflow-scrolling:touch
这个属性真的是各种坑,我研究这个属性已经大半年了,还没有发现能够在safari上完美使用无bug
的例子。
最常见的例子就是,
- 在safari上,使用了
-webkit-overflow-scrolling:touch
之后,页面偶尔会卡住不动。 - 在safari上,点击其他区域,再在滚动区域滑动,滚动条无法滚动的
bug
。 - 通过动态添加内容撑开容器,结果根本不能滑动的bug。
在网上也看到了一些人在问这个问题,不过不多,国外倒是讨论的更多一点,描述如下。
偶尔卡住的问题,解决方案网上众说纷纭,遇到了很多相同的说法,比如如果卡住不动的话,就加一个z-index
,就能解决该问题的说法。
在试了很多次之后,这种说法没有一次解决过这个问题。这个说法能够传播出来,可能是使用者当时在使用的时候遇到了-webkit-overflow-scrolling:touch
点透或者层级的问题。所以该方案不具有适用性。
所以这个东西真的让我很苦恼了很久,以致于那段时间所有的滚动条不是通过body
自己滚动,就是使用iScroll
这样的库,繁琐地让我几乎想要放弃移动web,拥抱hybrid,不过在stackoverflow
潜水了很久之后,总结了以下几种解决方案:
3.1 保证使用了该属性的元素上没有设置定位
如果出现偶尔卡住不动的情况,那么在使用该属性的元素上不设置定位或者手动设置定位为static
position: static
这样会解决部分因为定位(relative、fixed、absolute
)导致的页面偶尔不能滚动的bug
。
但是滑动到顶部继续手指往下滑,或者到底部继续往上滑,还是会触发卡住的问题(其实是整个页面上下回弹),说他算bug,其实就是ios8以上的特性,如果滚动区域大一点,用户不会觉得这是bug,如果小了,用户会不知道发生了什么而卡住了。
视频在这,有梯子的同学可以看一看https://www.youtube.com/watch?v=MkAVYbO_joo。
3.2 如果添加动态内容页面不能滚动,让子元素height+1
如果在-webkit-overflow-scrolling:touch
属性的元素上,想通过动态添加内容来撑开容器,触发滚动,是有bug 的,页面是会卡住不动的。
国内没有人讨论这个问题,国外倒是很多,例如下面的描述:
收集了很多资料,用了之后,下面的方法真正的解决了我的问题,真是直呼神奇,方案如下图:
图一:
图二:
方法就是在webkit-overflow-scrolling:touch
属性的下一层子元素上,将height
加1%
或1px
。从而主动触发scrollbar
。
main-inner {min-height: calc(100% + 1px)
}
你也可以直接加伪元素上:
main:after {min-height: calc(100% + 1px)
}
这个方案不得不说真的好用。。
当然还有其他方案,不过要写js或者jq
了,麻烦。
3.3 为什么会有卡住不动的这个bug
这个bug产生于ios8以上(不十分肯定,但在ios5~7上需要手动使用translateZ(0)
打开硬件加速)
Safari对于overflow-scrolling
用了原生控件来实现。对于有-webkit-overflow-scrolling
的网页,会创建一个UIScrollView
,提供子layer
给渲染模块使用。
我想说作为一个苦逼的前端只能解决到这了。
4. -webkit-overflow-scrolling:touch
的其他坑
除此之外,这个属性还有很多bug
,包括且不限于以下几种:
- 滚动中
scrollTop
属性不会变化 - 手势可穿过其他元素触发元素滚动
- 滚动时暂停其他
transition
最后的吐槽
想写这个文章很久了, 本来以为就我有这个问题,结果看到网站上也有很多人在用这个属性,我用safari试了下,都能触发不能滑动的问题,但是网上的文章又很少,不知道大家是不是就视而不见了。
所以目前来看,如果不想那么费心,直接上iScroll
或者better-scroll
吧,我觉得better-scroll
还是挺好用的。如果你喜欢偷懒,那么接着用-webkit-overflow-scrolling:touch
也没什么问题。
毕竟移动端的水太深了,你永远不知道下一个问题是发生在safari还是x5内核浏览器上。
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- Python爬取图片+百度人脸检测过滤高颜值美女!
pexels网站提供了大量贴图,从中搜索美女图片,编写爬虫进行下载,下载后图片中除了女人外,还包含男人,风景、静物和动物,调用百度人脸检测模块识别检测,将其中颜值大于60分的美女保存到另外一个文件夹。爬取图片共计1251张,最后过滤出的美女共计287张。上代码:爬虫程序:…...
2024/4/18 8:47:50 - 疫情过后的京东技术三面+HR面,成功拿到30K offer就职京东
今年受到疫情影响,很多大型互联网公司都采用线上面试的方法来挑选人才,也有很多幸运的小伙伴也是拿到大厂的offer,今天给大家分享的是我一位幸运拿到京东offer的朋友的面试经历,疫情刚有好转,相信还有很多朋友是在线上办公的,我也闲来无事,问到了我朋友京东面试的一些真…...
2024/4/19 13:27:55 - 激光雷达类型
激光雷达是集激光、全球定位系统(GPS)、和IMU(惯性测量装置)三种技术于一身的系统,相比普通雷达,激光雷达具有分辨率高,隐蔽性好、抗干扰能力更强等优势。随着科技的不断发展,激光雷达的应用越来越广泛,在机器人、无人驾驶、无人车等领域都能看到它的身影,有需求必然…...
2024/4/18 16:32:05 - JS学习笔记-21-正则表达式 入门到精通
文章目录一、知识储备:字符串的基本操作1.1 search()1.2 subString()1.3 charAt()1.4 split()1.5 练习题 找出所有的数字二、正则表达式2.1 什么是正则表达式?2.2 语法2.2.1 JS风格语法:2.2.2 perl风格语法:2.3 search 返回匹配的下标2.3.1 忽略大小写2.4 找出第一个数字的…...
2024/4/20 1:35:07 - 运用切面进行注解类的解析判断示例
在使用注解的时候,我们可以用切面在注解的前后进行相关的处理,用于参数的判断.比如登录的时候就可以用来检验是否需要登录,更加方便相关业务开发.1.相关Demo示例 项目结构: ├─.idea │ ├─codeStyles │ ├─dictionaries │ ├─inspectionProfiles │ └─libraries ├…...
2024/4/16 21:12:53 - 广州某科技公司面试题 ——wang
其中一道为业务题,有懂得人帮忙提点一下,其他编程与sql感觉都没问题 数据分析师面试题 Excel方面:1、 根据卡注册信息表,写函数匹配交易明细表中卡号对应的姓名和身份证。(结果可以不止一种) 答案: 姓名:=VLOOKUP(A4:A6,$H3:3:3:J4,2,0)身份证:=VLOOKUP(A3,4,2,0) 身份…...
2024/4/19 12:17:25 - springboot简单项目:通过URL获取数据(第三方网页)中的数据显示在页面上面
大家好,我是菜鸟阿贵,今天和大家讲述一个简单的小项目。 项目描述:通过固定url进行访问第三方网页,获取数据以后展示在前端(页面)。 1:具体实现,springboot项目,用到http协议,以及相关获取方式。 2:首先我们定义一个client类: @Service public class HttpClient {p…...
2024/4/16 21:12:47 - Python + selenium 环境搭建步骤
selenium版本:selenium目前有三个版本:selenium1.0,selenium2.0,selenium3.0。其中,selenium1.0已被官方弃用。这里用selenium3.0。关于selenium的详细了解建议移步中文网等官方权威说明网站 编辑器:我习惯用jetbrains家的产品,推荐pycharm(个人学习下载社区版免费试用…...
2024/4/16 21:12:41 - 利用InstallShield打包VS2013程序 错误ISEXP : error : 0: 解决方案
如何利用InstallShield打包VS2013程序 ,下面几个链接已经很详尽了,从注册到各种参数设置https://blog.csdn.net/kingmax54212008/article/details/44303539https://blog.csdn.net/xiaobing_122613/article/details/54890268https://blog.csdn.net/yangseng/article/details/3…...
2024/4/16 21:13:11 - 一统江湖的大前端(5)editorconfig + eslint——你的代码里藏着你的优雅XCOPY艾高贝ab1
发现各类好玩的js库,不定期更新。如果你对前端的理解还是写写页面绑绑事件,那你真的是有点OUT了,前端能做的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经网络人工智能的库 , 页面游戏 , 数据可视化 , 甚至 嵌入式开发 ,什么火就搞什么,活脱脱一个蹭热点小能手。…...
2024/4/16 21:14:11 - 5G你在期盼吗
今天在酒桌上,各位领导聊起了最近人们比较关心的5G网络。不知道大家是否期盼,其实我还是比较期待的。因为目前使用的IPhone 6Plus是2015年买的,到现在已经使用5年多了,续航能力跟不上、并且听筒也老化了。计划换一个手机,但又听说5G要全面铺开,即将广泛用于民用。这手机要…...
2024/4/16 21:12:41 - 一统江湖的大前端(2)—— Mock.js + Node.js 如何与后端潇洒分手XCOPY艾高贝ab1
《一统江湖的大前端》系列是自己的前端学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新。如果你对前端的理解还是写写页面绑绑事件,那你真的是有点OUT了,前端能做的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经网络人工…...
2024/4/20 12:21:19 - 破解验证码(1) 数字英文验证码
前言 做爬虫时,难免会遇到需要通过验证码才能访问网址进行爬取内容,所以需要额外掌握破解验证码的技巧才行。 本文将讲解一个简单的验证码示例来进行演示(由数字或英文组成的验证码) 安装环境pip install Pillow pip install pytesseract tesseract-ocr(客户端) 版本下载地…...
2024/4/19 9:30:32 - XCOPY艾高贝ab1一统江湖的大前端(6)commander.js + inquirer.js——懒,才是第一生产力
《一统江湖的大前端》系列是自己的前端学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新。如果你对前端的理解还是写写页面绑绑事件,那你真的是有点OUT了,前端能做的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经网络人工…...
2024/4/16 21:13:59 - 2020年第十三届南京大数据产业博览会
邀请函 时间:2020年12月18-20日 地点:中国•南京国际展览中心 展会简介 南京国际大数据产业博览会(以下简称南京智博会)是由商务部批准的国家级专业性展示平台,以“构建国际合作平台、打造优秀品牌、展示企业形象、促进行业共同发展”为主题,通过搭建集展览展示…...
2024/4/16 7:39:45 - 这是一篇引用的文章,说的是关于phpize动态添加扩展的事,写得很好
这是一篇引用的文章,说的是关于phpize动太添加扩展的事,写得很好 尊重原著,请给他点赞,原文链接地址 为防资料丢失,我原模原样的复制过来记录,请给原著点赞 由于以 php-fpm + Nginx 方式跑 PHP 要比 FastCGI + Apache 要高效得多,所以很多人会选择 Nginx,并以 php-fpm …...
2024/4/19 18:02:38 - 疫情在家仍然收到阿里offer,多亏了我有这些Java文档
金三银四马上就要来了,疫情过后肯定是我们程序员的面试高峰期,有不少同学会选择在这个时候去寻找新的工作机会,乘着这次疫情,我在家里整理了一些复习资料,可以提供给同学们学习,方便金三银四获取offer第一份资料,Java面试专题java后端面试题答案pdf面试资料开源框架面试…...
2024/4/19 14:23:18 - Android——MusicPlayer 思路分享
一.布局main.xml:主布局背景 <TabHost xmlns:android="http://schemas.android.com/apk/res/android"android:id="@android:id/tabhost"<LinearLayout<TabWidgetandroid:id="@android:id/tabs"<FrameLayoutandroid:id="@andr…...
2024/4/20 13:06:55 - RxJava 五:场景模拟
目录1.计算一段时间内的平均值2.优化搜索联想功能3.优化多次重复点击4.RxJava + Retrofit + OkHttp5.页面轮询请求6.接口重新请求(retry)7.本地验证输入有效性8.优先加载本地缓存,再读取网络数据方案一:concat方案二:concatEager方案三:merge方案四:publish + m…...
2024/4/20 6:18:00 - openstack理论,面试常用
openstack组件 nova 用于在计算级别管理虚拟机,并在计算或管理程序级别执行其他计算任务 neutron 为虚拟机,计算和控制节点管理网络功能 keystone 为所云用户和opensatck云服务提供身份认证服务 Horizon 用于提供图形用户界面 cinder 用于提供块存储功能,通常来说来共同为控…...
2024/4/16 21:14:59
最新文章
- 【热门话题】探索与心得:深入体验Microsoft Edge浏览器
🌈个人主页: 鑫宝Code 🔥热门专栏: 闲话杂谈| 炫酷HTML | JavaScript基础 💫个人格言: "如无必要,勿增实体" 文章目录 探索与心得:深入体验Microsoft Edge浏览器一、Edge浏览器概述1.1 发…...
2024/4/20 20:52:50 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - 蓝桥杯-单片机基础16——利用定时计数中断进行动态数码管的多窗口显示
综合查阅了网络上目前能找到的所有关于此技能的代码,最终找到了下述方式比较可靠,且可以自定义任意显示的数值。 传统采用延时函数的方式实现动态数码管扫描,在题目变复杂时效果总是会不佳,因此在省赛中有必要尝试采用定时计数器中…...
2024/4/13 17:02:38 - Python读取文件里内容
如果要读取一个文件里的内容是 # 文件名:db.txt 1 2 3 4代码如下 import requests f open("db.txt", mode"rb") content f.read() f.close()data content.decode(utf-8)# 存到 list 里 data_list data.split(\r\n) print(data_list)# 结果…...
2024/4/20 4:36:09 - C#-实现软删除
文章目录 前言1. 使用布尔字段标记删除状态2. 修改查询以忽略软删除的记录3. 实现软删除的方法4. 考虑使用全局查询过滤器5. 处理关联实体6. 考虑性能和存储软删除的好处:软删除的坏处: 总结 前言 后端中,经常使用软删除来标志删除一些数据。…...
2024/4/17 19:20:53 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/4/19 14:24:02 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/4/19 18:20:22 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/4/19 11:57:31 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/4/19 11:57:31 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/4/19 11:57:52 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/4/19 11:57:53 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/4/19 11:58:14 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/4/19 11:58:20 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/4/20 7:40:48 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/4/19 11:58:39 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/4/19 11:58:51 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/4/20 3:12:02 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/4/19 11:59:15 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/4/19 11:59:23 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/4/19 11:59:44 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/4/19 11:59:48 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/4/19 12:00:06 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/4/19 16:57:22 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/4/19 12:00:25 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/4/19 12:00:40 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57