javascript，有没有办法在touchmove事件上设置一个(更小的)阈值_有没有办法在我的Plus上模拟一个更小的iPhone？_在onload事件被触发后，有没有办法阻止chrome上的v8执行javascript？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

手机网页布局经验总结

引言众所周知，在当今移动互联网大行其道的现在，基本上所有的年轻人都是使用过手机去浏览一些网站的资讯或者使用过手机去购物网站支付买过东西，但是大家有没有想过这样的网页是怎样改制作出来的呢？今天我们就来探讨一下这个问题阅读读者具备基础 1、熟练的使用HTML和CSS 2、对HTML5和CSS3有一定的了解，这个不必深入 3、掌握JavaScript、jquery脚本语言如果还不能具备以上基础的读者们建议你们还是去网上找一下其他的一些相关的教学贴看一看，要不然可能会跟不上下面的学习了 HTML的特殊用法首

06

uni-app: 使用Vue.js需要注意哪些问题？

uni-app 在发布到 H5 时，是支持所有 vue 的语法的。但是发布到App或者小程序时，由于各个平台等限制，无法实现全部 vue 语法，本文将详细讲解差异。

02

您找到你想要的搜索结果了吗？

是的

没有找到

uni-app支持微信wxs，性能大幅提升

很多开发者都不明白为什么要造这种语言脚本的轮子出来，甚至很多开发者根本不知道它们的存在。

01

让页面滑动流畅得飞起的新特性：Passive Event Listeners

在不久前的Google I/O 2016 Mobile Web Talk中，Google公布了一个让页面滑动更流畅的新特性Passive Event Listeners。该特性目前已经集成到Chrome51版本中。 Chrome51上使用Passive Event Listener特性前后的效果对比链接地址：https://www.youtube.com/watchv=65VMej8n23A 从效果对比视频中可以明显看到，使用Passive Event Listeners特性后，页面的滑动流畅度

07

移动端问题收集和解决

绑定tap方法的dom元素，触发该方法时，该dom元素下方同一位置的dom元素会触发click事件或者有浏览器认为可以被点击交互的dom元素（input的focus事件），称为tap击穿现象。

02

uni-app 第一个小程序之旅（二）

这一次，体验了更全面的小程序组件，比如登录、地图、选择地址、表单等，随之，遇到的问题就会更多，那就各个击破好了。

01

这么多前端优化点你都记得住吗？

围绕前端的性能多如牛毛，涉及到方方面面，以我我们将围绕 PC 浏览器和移动端浏览器的优化策略进行罗列注意，是罗列不是展开，遇到不会不懂的点还请站外扩展开车速度有点快，坐稳了。 tips : 这么多前端优化点你都记得住吗？反正我是收藏起来备查的。 PC 浏览器前端优化策略 PC 端优化的策略很多，如 YSlow（YSlow 是 Yahoo 发布的一款 Firefox 插件，现 Chrome 也可安装，可以对网站的页面性能进行分析，提出对该页面性能优化的建议）原则，或者 Chrome 自带的 Audits

05

移动端Webapp中的那些Bug

持续更新… 测试浏览器 Chrome: 61.0.3163.73 Safari: 10.0（IOS 10.3.3） Github: webapp-bugs 1. IOS overflow: scrol

05

干货 | 用uni-app制作迷你PS小程序

该文章主要讲解最近基于 uni-app 框架编写的集图文拖拽等多方位编辑、油墨电子签名、开放式海报于一体的小程序的制作思路和实现代码。 1、完整源码链接：完整代码：https://github.com/TensionMax/mini-ps 其中演示的文字编辑、图片编辑、油墨电子签名、开放式海报可单独使用，含文档说明。 2、实现思路该工具主要由五个不同组件模块：文字编辑、图片编辑，油墨电子签名、控制、开放式海报 1、文字编辑模块设置好的文字参数对象插入到文字队列中。 2、图片编辑模块设置好的

02

【总结】1823- 移动端滚动穿透与滚动溢出解决方案

在移动端 WEB 开发的时候（小程序也雷同），如上录屏所示，如果页面超过一屏高度出现滚动条时，在 fixed 定位的弹窗遮罩层上进行滑动，它下面的内容也会跟着一起滚动，看起来好像事件穿透到下面的DOM元素上一样，我们姑且称之为滚动穿透。

01

【移动端】touch事件及穿透事件

2007 苹果推出iphone，浏览器网页在iphone上显示时字体特别小，根本看不清楚

01

如何检测本页中的iframe是否“加载”完成

这其实是上一篇"iframe框架取值兼容ie/firefox/chrome的写法"的扩展应用: 应用场景：iframe个人感觉最独特的应用之一就是配合P3P协议可以实现跨域写入cookie(好象除此之外，还没找到更有效的办法)，但是有时候我们不知道这个iframe页面是否执行完毕，有没有办法判断iframe里的页面是否load完成了呢？ iframe1.html: <html> <head> <title>框架内页</title> </head> <body>

05

Unable to preventDefault inside passive event listener

于是 Google 了一番，找到这篇文章，有了详细解释。Making touch scrolling fast by default

02

触摸事件 touchstart、touchmove、touchend

1、HTML5 中， PC 端基于鼠标的界面互动主要是单击，移动端界面交互方式主要是触摸。

02

网页|利用touch实现下拉刷新

下拉刷新在常见的手机app上大多都有运用。下拉刷新即向下拉重新加载、刷新。下拉刷新在下拉到松手的过程中，经历了三个状态分别是：当前手势滑动位置与初始位置差值大于零时，提示正在进行下拉刷新操作。之后当下拉到一定值时，显示松手释放后的操作提示。最后当下拉到达设定最大值松手时，执行回调，提示正在进行更新操作。如下图则为下拉刷新的实现效果：

02

JQuery事件处理

Jquery事件 1、绑定事件示例代码：绑定事件

什么是绑定事件？这是隐藏的内容，点击上面的内容会显示这里的内容。

<script language=”javascript”> //单击显示，再次点击隐藏 /*$(function(){ $(“a”).bind(‘click’,function(){ if($(this).next().is(“:visible”)){ $(this).next().h

05

仅用六个字符来完成Hello World，你能做到吗？

Hello World 对于每一个开发者来说都不陌生，因为在我们学习任何一个语言或框架的时候，都会有一个Hello World的案例来帮助我们快速入门。

01

原生JS实现移动端滑动反弹

什么是 Touch滑动？就是类似于 PC端的滚动事件，但是在移动端是没有滚动事件的，所以就要用到 Touch事件结合 js去实现，效果如下：

02

24 事件绑定、事件修饰符与事件三阶段

在事件方法中，默认第一个参数是特殊变量$event，不管在模板中有没有通过greet($event)显式传递。

01

这一次，彻底解决滚动穿透

本文由 IMWeb 团队成员 erasermeng 首发于腾讯内部KM论坛。点击阅读原文查看 IMWeb 社区更多精彩文章。什么是滚动穿透如图所示，有一层遮罩蒙层覆盖在body上时，当我们滚动遮罩层，它下面的内容也会跟着一起滚动，看起来好像是上面的滚动事件穿透到下面的DOM元素上一样，我们称之为滚动穿透。阻止冒泡？刚开始遇到这个问题的同学可能会联想到是不是由于事件冒泡到body上引起的，于是监听 scroll/touchmove事件，阻止事件冒泡。事实上，这并没有什么卵用。首先，一般而言滚动

02

移动端click事件300ms延迟

一般情况下，如果没有经过特殊处理，移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。也就是说，当我们点击页面的时候移动端浏览器并不是立即作出反应，而是会等上一小会儿才会出现点击的效果。在移动WEB兴起的初期，用户对300ms的延迟感觉不明显。但是，随着用户对交互体验的要求越来越高，现今，移动端300ms的点击延迟逐渐变得明显而无法忍受。

02

10-移动端开发教程-移动端事件

在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。

08

10-移动端开发教程-移动端事件

在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1. PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题由于移动端默认的布局视口宽度是980像素，所以网页文字非常小，为了快速让网页还原到原来的大小，Safari最新引入了双击缩放功能：用户双击手机页面的时候，浏览器会智能的缩放当前页面到原始大小。双击缩放的原理就是，当用户click一次之后，浏览器会经过约300ms之后检测是否再有一次click，如果有的话，

07

JavaScript是如何处理事件？

#思特沃克好声音# （图片：网络）想必大家都知道JavaScript一般都是在浏览器中执行，大家也知道可以通过事件调用JavaScript函数，可是大家清楚JavaScript是如何处理事件的吗？西安办公室的贺亮通过一篇理解事件队列为大家答疑解惑。理解事件队列这篇文章的原型是来自于JavaScript Tutorial（作者:Ilya Kantor）的其中一小节Events and timing in-depth，不能算是翻译，因为我不会把一整节内容都搬过来，只写关键的事件队列部分。浏览器中的J

06

每天10个前端小知识【Day 12】

根据JS的垃圾回收机制，当内存中引用的次数为0的时候内存才会被回收全局执行上下文中的对象被标记为不再使用才会被释放

01

Canvas 进阶（四）实现一个“刮刮乐”游戏

我们创建一个 ScrapAward 类，通过传入 option 和调用其 restart() 方法实现重新开始。

02

js添加事件和移除事件:addEventListener()与removeEventListener()

addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。

03

手机端页面在项目中遇到的一些问题及解决办法

首先你可能会给页面的 html 和 body 增加了 height: 100%, 然后就可能造成 IOS 上页面滑动的卡顿问题。解决方案是：

03

2020-5-30-理解React如何实现批量状态更新

在React的生命周期中发生的多次setState的变更会进行合并，最终减少推送给浏览器的DOM变更次数，从而提升前端性能。

04

窥探现代浏览器架构(四)

本文是笔者对Mario Kosaka写的inside look at modern web browser系列文章的翻译。这里的翻译不是指直译，而是结合个人的理解将作者想表达的意思表达出来，而且会尽量补充一些相关的内容来帮助大家更好地理解。

03

让页面滑动流畅得飞起的新特性：Passive Event Listeners

在不久前的Google I/O 2016 Mobile Web Talk中，Google公布了一个让页面滑动更流畅的新特性Passive Event Listeners。该特性目前已经集成到Chrom

00

移动端的touch事件处理

在iPhone 3Gs发布的时候，其自带的移动Safari浏览器就提供了一些与触摸(touch)操作相关的新事件。随后，Android上的浏览器也实现了相同的事件。触摸事件(touch)会在用户手指放在屏幕上面的时候、在屏幕上滑动的时候或者是从屏幕上移开的时候出发。下面具体说明：

02

HTML5移动端开发的常用触摸事件

HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。

01

触屏事件

TouchEvent是一类描述手指在触摸平面（触摸屏。触摸板等）的状态变化的事件，这类事件用于描述一个或多个触点，使开发者可以检测触点的移动，触点的增加和减少等等

01

移动端touch拖动事件和click事件冲突问题解决

一个 TouchList 对象，是包含了如下触点的 Touch 对象：触摸起始于当前事件的目标 element 上，并且仍然没有离开触摸平面的触点。

02

手撸移动端轮播图（内含源码）

移动端轮播图与PC段轮播图，在技术选择上是有区别的，因为移动端的浏览器版本非常好，对于H5和CSS3的支持非常完美，所以很多效果可以CSS3的方式实现，比如可以使用 Transorm 属性替代原来的动画函数

00

每天10个前端小知识【Day 6】

二分查找，也称为折半查找，是指在有序的数组里找出指定的值，返回该值在数组中的索引。

01

移动端的那些坑

Safari下使用border-image，不能设置border-color: transparent。

03

JavaScript 解析 XML 时如何通过名称直接取到值？

同级的Attribute，有没有办法通过类似于 getXXXByName("aa") 得到0， getXXXByName("bb") 得到1呢？

04

一文看懂Chrome浏览器工作原理

本文是笔者对Mario Kosaka写的inside look at modern web browser系列文章的翻译。这里的翻译不是指直译，而是结合个人的理解将作者想表达的意思表达出来，而且会尽量补充一些相关的内容来帮助大家更好地理解。

03

滚动穿透的6种解决方案【已自测】

在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。

03

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080

01

在小程序里实现手势缩放，你可以这样做 | 实战教程

文 | 严灏上周，知晓程序向大家分享了「知了地铁」小程序的上手体验。同时，我们也在这篇文章中提过，会与大家讨论有关小程序中手势缩放功能的实现。关注知晓程序（微信号 zxcx0101），回复「知了地

02

IScroll的那些事——内容不足时下拉刷新

之前项目中的列表是采用的IScroll，但是在使用IScroll有一个问题就是：当内容不足全屏的时候，是木有办法往下拉的，这样就达不到刷新的目的了。【这是本人工作中遇到的，具体例子具体分析，这里只作一个参考】大致的例子是这样的： <style> * { margin: 0; padding: 0; } html,body,.container { width: 100%; height: 100%; }

第127天：移动端-获取触摸点的位置

$("#demoid").bind('touchstart',function(){ //代码处理});

02

JS 模拟手机页面文件的下拉刷新

要在仿真器下才能看到效果，比如chrome的里边（或者用手机浏览器查看，但测试发现有些浏览器有问题，目前手机猎豹是没问题的）

01

手势魅力-设置一个触摸菜单

本篇为一移动端博文,个人觉得这篇外文还可以,就翻译了一下,最终实现的一个效果是:用手势创建一个本地菜单(点击一菜单按钮,实现设置一个触摸侧滑,滑动滑出效果,如下文中的gif图所示),主要涉及的知识点有移动端三大触摸事件(touchstart,touchmove,touchend),触摸属性,以及实现侧边栏动画,在处理移动端点击,拖动,滑动时,是不得要考虑用户的触摸手势,判断手指在页面上到底是点击还是滑动的,利用原生js的方法封装点击,移动,抬起功能函数,尽管移动(手机)端与pc端有很多相似之处,但还是有很多要注意的地方的,如果你想获得该Demo的源码,复制该标题后台回复[手势魅力-设置一个触摸菜单]就可以了的,初次翻译,如果有误导的地方,欢迎路过的老师,多提意见和指正,如果你想阅读英文原文,扫文末下方二维码或者跳转到指定链接就可以了的

04

jQuery幻灯片插件slick

支持响应式浏览器支持 CSS3 时，则使用 CSS3 过度/动画支持移动设备滑动支持桌面浏览器鼠标拖动支持循环支持左右控制支持动态添加、删除、过滤支持自动播放、圆点、箭头、回调等等兼容

03

使用 requestAnimationFrame 解决滚动点停误触和 scroll 事件延迟

在手机端网页开发过程中，我们经常会遇到滚动点停误触的问题，最开始想到的解决办法就是判断当前页面（DOM）是否在滚动，如果在滚动，就取消点击或者其他事件。但是在判断页面是否在滚动的时候出现了一些问题，最常见的就 uiwebview scroll 事件延迟，导致我们无法准确判断当前页面（DOM）是否还在滚动。于是想到了使用 requestAnimationFrame 判断某个元素的位置是否发生变化来标识当前页面（DOM）是否在滚动。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭