放屁绝对不是一个很高雅的行为，但是如果你比较喜欢恶搞，或者在愚人节，或者是一些比较特殊的网页设计中，可以通过 fartscroll.js 这个插件让你的网页在滚动的过程中 放屁。...直接打开 fatscroll.js 的官方页面（http://theonion.github.io/fartscroll.js/），滚动一下，你就可以听到了放屁声音了，你滚动的距离和速度不同，放屁的声音也不同...使用方法也很简单，先下载插件包，解压出来之后，在网页中引入 fartscroll.min.js 这个文件，然后配置下面的参数等，启用这个插件： // 在文档中滚动 400 像素就放屁 $(document...).fartscroll(); // 文档中每滚动 800 像素就放屁 $(document).fartscroll(800); // 网页中没滚动 100 像素就放屁 $("body").fartscroll...(100); // 很多很多的屁 $("body").fartscroll(5); 仅供娱乐和恶搞哈，相信应该没有太多人喜欢在访问你网页的时候，听到你网页在放屁哈哈。
Spark算子主要划分为两类：transformation和action，并且只有action算子触发的时候才会真正执行任务。...还记得之前的文章《Spark RDD详解》中提到，Spark RDD的缓存和checkpoint是懒加载操作，只有action触发的时候才会真正执行，其实不仅是Spark RDD，在Spark其他组件如...但初学Spark的人往往都会有这样的疑惑，为什么Spark任务只有在调用action算子的时候，才会真正执行呢？咱们来假设一种情况：假如Spark中transformation直接触发Spark任务！...导致map执行完了要立即输出，数据也必然要落地（内存和磁盘） 2. map任务的生成、调度、执行，以及彼此之间的rpc通信等等，当牵扯到大量任务、大数据量时，会很影响性能 看到这两点是不是很容易联想到...任何原RDD中的元素在新RDD中都有且只有一个元素与之对应。
Spark算子主要划分为两类：transformation和action，并且只有action算子触发的时候才会真正执行任务。...还记得之前的文章《Spark RDD详解》中提到，Spark RDD的缓存和checkpoint是懒加载操作，只有action触发的时候才会真正执行，其实不仅是Spark RDD，在Spark其他组件如...咱们来假设一种情况：假如Spark中transformation直接触发Spark任务！那么会产生什么结果呢？ 1....导致map执行完了要立即输出，数据也必然要落地（内存和磁盘） 2. map任务的生成、调度、执行，以及彼此之间的rpc通信等等，当牵扯到大量任务、大数据量时，会很影响性能 看到这两点是不是很容易联想到...任何原RDD中的元素在新RDD中都有且只有一个元素与之对应。
前言： 在默认情况下，当 Docker 守护进程终止时，它将关闭正在运行的容器。不过，我们可以配置该守护进程，以便在该守护进程不可用时容器仍在运行。这种功能称为实时恢复。...reload配置（不会重启docker） 给dockerd发送 SIGHUP信号，dockerd收到信号后会reload配置 systemctl reload docker / kill -SIGHUP...$(pidof dockerd) 3.检查上面的配置是否成功 docker info ｜ grep -i live 4.重启Docker，此时重启Docker时就容器就不会停止了 systemctl..."https://hx983jf6.mirror.aliyuncs.com"], "graph": "/mnt/data", "live-restore": true } 3.更新docker配置（不会重启...Docker后，上面在运行的两个容器的运行时间分别为1小时、32分钟，容器并没有在我们重启Docker时停止，而是一直保持运行状态 。
这个边界触发就是滚动到“超过”滚动区域的水平边界时才会触发，我自己称这个为浏览器的滚动溢出行为（我觉得这样容易理解），也就是其实正常的滚动不会触发 那我们是不是可以在这个边界上做一些特殊的处理呢？...产品可能也并不同意这么做，并不是一个很好的解决方案 解决方案三——JavaScript 阻止事件 上面我们提到只有滚动到“超过”滚动区域的水平边界时才会触发，那么我们只要监听 mousewheel 这个事件...，在满足上面的触发条件的时候，调用 event.preventDefault()，阻止掉该事件，这样就不会触发返回事件了 const element = document.getElementsByClassName...none 表示相邻的滚动区域不会有连续滚动效果，并且默认的滚动溢出行为会被阻止。...contain 默认的滚动溢出行为将被内部的元素观察到，(例如: “bounce” 效果或者刷新)，但是相邻的区域不会产生连续滚动效果，例如：在下面的元素不会被滚动。
，然后在触发外部事件 事件捕获：外部事件先被触发，然后在触发内部元素 mouseover（）/mouseout() ：鼠标移入“所选元素以及后代都会触发” mouseenter（...）/mouseleave()：鼠标移入“所选元素”才会触发，如果鼠标移入所选元素的后代时，不会触发（增加阻止事件冒泡功能） <...）和keypress区别 keydown（）按下任意键都会触发，但keypress（）事件只在按下键盘中任意字符键（A-Z）时触发，功能键不会触发（如shift ctrl 等） 4 event.which...focusin可以在父元素上检测子元素获得焦点的情况 而focusout可以在父元素上检测子元素失去焦点情况 四 其他事件 1 scroll（）滚动滚动条时触发的事件 2 resize... 获取显示器屏幕位置的坐标 //整个屏幕的高度 不会随着滚动条变化而变化 //clientX/clientY 获取相当于页面视口的坐标 //除去上下窗口 不会随着滚动条变化而变化
container"> 我们只需设置overflow: scroll;，当内层长度超出外层时元素就会出现滚动条...，我们看到并不会触发外层的事件监听：图片而如果设置成捕获监听呢？... 假设给 ul 设置了 mouseover 事件，在鼠标经过 ul 时因为 ul 中还有 li 元素，鼠标每经过一个...，不过鼠标从 li 移出到 ul 上还是触发了 ul 的监听事件，其实这并不符合常理，因为此时鼠标还是在 ul 内的。...Media由视频、图像、音频等媒体触发的相关事件，都不会触发冒泡，和 scroll 事件同理，如果需要进行事件委托都必须在捕获阶段去处理。
记录下如何解决scroll-view上拉到底部时触发多次数据请求的问题 # 问题 用 uni-app 开发h5时有页面需要上拉加载下一页数据，使用scroll-view导致页面级没有滚动，onReachBottom...触底事件不触发，所以使用scrolltolower触发滚动条滚动到底部时的数据加载事件，但是产生了多次触发问题。...# 解决方法 防抖：scrolltolower触发事件中设定一个定时器，在指定时间之后发出请求 <scroll-view scroll-y="true" style="height: 100%;" @scrolltolower...长列表滚动和下拉刷新，应该使用原生导航栏搭配页面级的滚动和下拉刷新实现。包括在app-nvue页面，长列表应该使用list而不是scroll-view。...scroll-view是区域滚动，不会触发页面滚动，无法触发pages.json配置的下拉刷新、页面触底onReachBottomDistance、titleNView的transparent透明渐变。
使用事件的捕获模式（事件的发生时先捕获，再冒泡（触发），现在，用了这个模式，让他在捕获阶段就开始触发） --> <div class="box1" @click.capture="showMsg...div，才会<em>触发</em>其事件，点button，虽然会冒泡到div上，但是有.self,事件就<em>不会</em><em>触发</em> 点我提示信息...-- 滚到底部，滚轮还在<em>滚动</em>，这个时候，事件还在<em>触发</em> --> 1...= false //阻止 vue <em>在</em>启动<em>时</em>生成生产提示。
鼠标放在轴上时无法滚动，因为只有单元格是 overflow: auto 的，而轴区域 overflow: hidden 无法触发滚动。...轴、单元格区域都使用 .scroll 触发滚动，使得轴和单元格不会出现错位，因为轴和单元格都是用 .scroll 触发的滚动。...快速滚动时惊喜的发现不会白屏了，原因是用 js 控制触发的滚动发生在渲染完成之后，所以浏览器会在滚动发生前现完成渲染，这相当有趣。...当我们把 Buffer 区域移除时，发现整个屏幕内渲染单元格在 1000 个以内时，现代浏览器甚至配合 Windows 都能快速完成滚动前刷新，并不会影响滚动的流畅性。...当然，滚动过快依然不是一件好事，既然滚动是由我们控制的，可以稍许控制下滚动速度，控制在每次触发 mousewheel 位移不超过 200 左右最佳。
我们相信这会极大地提高用户体验，也不会网站造成多大的影响。 在极个别例子下，这会导致意外的滚动。可以通过在意外滚动发生的元素上添加CSS属性touch-action: none 来阻止滚动发生。...当你注册 touch 系列事件的监听器时，加入{passive: true}对象作为第三个参数后，浏览器就认为你不会在事件处理函数中调用 preventDefault()，它就可以安全地让页面滚动，不再等待事件处理函数执行完...4问题与修复 大部分情况下，（我们的优化）不会导致任何 BUG 。但是如果 BUG 真的出现了，最常见问题是当你不希望页面发生滚动时却发生了。...开发者在需要时，应该在 touch 系列事件发生前，使用touch-action这一 CSS 属性去阻止某元素滚动或缩放。...只有在为了阻止之后的默认行为（如将要触发的click事件）时，才应该在touchend的事件处理函数中调用preventDefault()。
快速滚动出现白屏，即便留了 Buffer 区域，在快速滚动时也无能为力，这是因为渲染速度跟不上滚动导致的。...轴、单元格区域都使用 .scroll 触发滚动，使得轴和单元格不会出现错位，因为轴和单元格都是用 .scroll 触发的滚动。...快速滚动时惊喜的发现不会白屏了，原因是用 js 控制触发的滚动发生在渲染完成之后，所以浏览器会在滚动发生前现完成渲染，这相当有趣。...当我们把 Buffer 区域移除时，发现整个屏幕内渲染单元格在 1000 个以内时，现代浏览器甚至配合 Windows 都能快速完成滚动前刷新，并不会影响滚动的流畅性。...当然，滚动过快依然不是一件好事，既然滚动是由我们控制的，可以稍许控制下滚动速度，控制在每次触发 mousewheel 位移不超过 200 左右最佳。
文档包含滚动的内容，而窗口仅仅是当前用户所看到的内容。 文档坐标在用户滚动的时候不会发生改变。...同样onreset也是只能通过单击重置按钮来触发，直接调用表单的reset()方法不会触发onreset事件处理程序 用户与表单元素交互时它们往往会触发click或change事件，通过定义onclick...当用户在一个文本域输入文本或从下拉列表中选择一个选项后就触发change事件，当用户在一个文本域中该数据不是每次用户输入一个键值时都会触发该事件。它仅仅当用户改变了值才会触发该事件。...单选框和复选框共用一个状态标识，它们的click和change事件都会被触发，相比一下change事件更加有用。 表单元素在收到键盘的焦点时也会触发focus事件。...false，则不会重置 同样，如果使用表单的onreset()方法也不会触发该事件，将会直接进行重置。
scrolldelay： 设置每次滚动时的时间间隔（以毫秒为单位）。默认值为 85。 值越大，滚动速度越慢，通常不设置。...如果存在truespeed，那些值不会被忽略。 bgcolor： 通过颜色名称或十六进制值设置背景颜色。 vspace：以像素或百分比值设置垂直边距。 width：以像素或百分比值设置宽度。...事件回调 onbounce：当 marquee 滚动到结尾时触发。它只能在 behavior 属性设置为 alternate 时触发。...onfinish：当 marquee 完成 loop 属性设置的值时触发。它只能在 loop 属性设置为大于 0 的某个数字时触发。 onstart：当 marquee 开始滚动时触发。...不过我在google尝试失败，并不能触发函数。不知道是不是本身代码书写有问题。
，但在移动或抬起手指时不会触发 * @param e * @return */ @Override public boolean onDown(MotionEvent...MotionEvent e) { } onFling /** * 当用户在屏幕上持续地按下并且有“抛”的动作时，会触发该方法。...，与上面的onSingleTapUp方法不同的地方在于， * 该方法只会在监听器确定了用户在第一次单击后不会触发双击事件时才会被触发。.../** * 当用户在屏幕上按下时会触发该方法，但在移动或抬起手指时不会触发 * * @param e * @return */ @Override...，与上面的onSingleTapUp方法不同的地方在于， * 该方法只会在监听器确定了用户在第一次单击后不会触发双击事件时才会被触发。
第二种方案相比第一种要劣势一些，区别在于手指离开时，采用的时css的animation来实现惯性滚动，所以无法直接触发惯性滚动过程中的onscroll事件，只有在animation结束时才可以借助animationend...在使用模拟滚动时，浏览器在js层面会消耗更多的性能去改变dom元素的位置，在dom复杂层级深的页面更为高，所以在长列表滚动时还要使用正常滚动更好。...即可，但是使用了模拟滚动之后在正常的列表滚动时性能上不如正常滚动。...tranlateY值，将两者同时位移来将下拉刷新元素显示出来，手指离开时（touchend）收回，这种方案满足了在正常列表滚动时使用原生的滚动节省性能，只在下拉刷新时使用模拟滚动来实现效果。...还会有一个性能上的问题就是：当页面的列表过长，dom元素过多时，在模拟滚动，下拉刷新这段时间内，页面也会有卡顿现象，这里采取了一个优化策略即： 列表较长时dom数量较多时，在触发下拉刷新的时机时将页面视窗之外的
Number 50 距顶部/左边多远时（单位px），触发 scrolltoupper 事件 lower-threshold Number 50 距底部/右边多远时（单位px），触发 scrolltolower...设置哪个方向可滚动，则在哪个方向滚动到该元素 scroll-with-animation Boolean false 在设置滚动条位置时使用动画过渡 enable-back-to-top Boolean...但是如使用scroll-view导致页面级没有滚动，则触底事件不会被触发，所以这里存在的问题是有时候无法触发onReachBottom。 ...： 设置一个scrollTop设置竖向滚动条的位置，首先默认为0，当页面向下滚动会触发scroll-top事件从而改变scrollTop的值，当切换到第二个scroll-view时在默认设置scrollTop...为0，那么在切换到第二个页面的同时页面的竖向滚动条的位置会默认滚动到最顶部，从而解决了默认滚动到最底部加载多次数据的问题。
在绑定 scroll 、resize 这类事件时，当它发生时，它被触发的频次非常高，间隔很近。...在滚动事件中绑定回调应用场景也非常多，在图片的懒加载、下滑自动加载数据、侧边浮动导航栏等中有着广泛的应用。 当用户浏览网页时，拥有平滑滚动经常是被忽视但却是用户体验中至关重要的部分。...显然，如果当你滚动时，像视差网站(戳我看看)这样有东西在移动时，有可能在多层导致大面积的内容调整，这会导致大量的绘制工作。...简单而言，使用 requestAnimationFrame 来触发滚动事件，相当于上面的： throttle(func, xx, 16.7) //xx 代表 xx ms内不会重复触发事件 handler...pointer-events: none 可用来提高滚动时的帧频。的确，当滚动时，鼠标悬停在某些元素上，则触发其上的 hover 效果，然而这些影响通常不被用户注意，并多半导致滚动出现问题。
); } 效果如下： 从效果上，我们可以看到，在页面滚动的时候，会在短时间内触发多次绑定事件。...函数防抖 定义：多次触发事件后，事件处理函数只执行一次，并且是在触发操作结束时执行。 原理：对处理函数进行延时操作，若设定的延时到来之前，再次触发事件，则清除上一次的延时操作定时器，重新定时。...method 事件触发的操作 @param delay 多少毫秒内连续触发事件，不会执行 @returns {Function} */ function debounce(method,delay...比如，我们在监听滚动条位置，控制是否显示返回顶部按钮时，就可以将防抖函数应用其中。...但依然有些功能并不适用： 当我们做图片懒加载（lazyload）时，需要通过滚动位置，实时显示图片时，如果使用防抖函数，懒加载（lazyload）函数将会不断被延时， 只有停下来的时候才会被执行，对于这种需要实时触发事件的情况
，是因为滚动视图可以横向滚动和纵向滚动，bindscrolltoupper="upper"定义绑定事件，在逻辑代码中编写，滚动到顶部，触发scrolltoupper事件。...（id不能以数字开头），设置哪个方向可滚动，则在哪个方向滚动到该元素 scroll-with-animation 表示在设置滚动条位置时使用动画过渡 bindscrolltoupper 表示滚动到顶部或左边...，会触发scrolltoupper事件 bindscrolltolower 表示滚动到底部或右边，会触发scrolltolower事件 bindscroll 表示滚动时触发 enable-back-to-top...表示iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只支持竖向 class="scroll-view-item bc_green"中，在wxss样式定义，高度为200px，如果没有就不会出现...绿色的地方，在index.wxml中的scroll-into-view="{{toView}}"，scrollTop: 100,为scroll-top="{{scrollTop}}"在显示时就是绿色的占一半
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
