Touch.js 是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具。 Touch.js手势库专为移动设备设计。 Touch.js对于网页设计师来说，是一款不错的辅助工具，可以减少很多写框架控制器的时间。 网页合理使用Touch.js不但能增加网页的美观感，而且在节约时间，减少人力投入也有极大的帮助。
海涛，携程前端开发工程师，负责机票主流程预订、React Native技术栈相关开发工作。
有天，辛苦做了个复杂操作功能的页面，上线后有用户反馈：很多功能使用不了。惊了，以为是哪里出了bug。 立马联系用户，才发现原来是用户使用笔记本电脑，没有禁用触控板，然后不小心碰到导致整个界面都放大，很多功能超出界面不见了。 然而那能怎么办，用户第一，自然得快速解决这个问题，而且是触控板和触摸屏都得解决。
Zepto.js是一个轻量级的针对现代浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。 1. Why Zepto.js？ API类似jQuery，熟悉jQuery可以无缝迁移到Zepto.js Zepto仅针对高版本现代浏览器设计了最小核心的通用库，代码体积小，尤其适合移动端开发。 Zepto增加了针对移动端的触摸和手势相关的事件 Zepto模块化做的很灵活，可以自定义组合模块 2. Zepto.js下载 代码下载：zeptojs中文站
一个网页由三层组成（html 结构，js 行为，css 表现），一切的东西其实都建立在html上，html里面的dom提供了一些事件，然后通过js封装，我们可以用js去调用dom上的事件。事件有很多，有我用过的有我没用过的，今天我想分析一番。
有用户反馈美团打车地图的性能有一些问题，美团打车技术团队在调研分析之后，采用了一套Native地图与Web的融合框架，不仅实现了用户手势事件智能分发的机制，还解决了WebView与Native地图在同一页面内布局困难的问题，同时性能也得到全面的优化。本文系融合技术的经验总结与分享。
React是一个开源(为数据提供渲染视图)的js库，它采用VirtualDOM、单向数据流的思想，主要用于数据大量变化，视图更新频繁的网页中，它具有以下特点：
回顾 在 iOS - 实现UINavigation全屏滑�动返回(一) 中我们实现了滑动返回的功能，但不是全屏滑动返回，得在左侧边缘轻扫才能滑动返回~UINavigationController自带的只能在边缘轻扫才能滑动返回，这用户体验是不好的，接下来实现全屏滑动返回! 思路 既然自带的滑动返回只能是在边缘，那我们能不能修改使它触摸范围变大甚至全屏呢？先来看下系统手势有没有提供属性或方法供我们使用 NSLog(@"%@", self.interactivePopGestureRecognizer); 打印
要点 interactivePopGestureRecognizer 是UINavigationController自带手势，当我们自定义了导航条的返回按钮后，这个手势就自动失效了，也就是说无法滑动返
文章更新: 20170307 初次成文 说起来好久没有更新过关于Chrome的文章了~ 对比Android平台上流行的几个浏览器，手势功能对于浏览器来说已经是其标准配置了，虽然Chrome也有其独特的手势特性(比如左/右划地址栏切换标签，下划菜单键弹出并选择菜单项等)，但是深得"我国用户"喜爱的左/右划控制页面后退/前进的手势功能在却迟迟没有在Chrome上得到体现。这也是不少初次转战Chrome不久的用户无奈弃坑的原因。下面小苏就来说说如何为安卓Chrome添加手势吧~ 解决方案:
根据需求需要将老项目中的 WebView 替换成 WKWebView，期间查阅了不少文档和资料，之前也发布了几篇 WKWebView 相关的优秀文章。
本篇为一移动端博文,个人觉得这篇外文还可以,就翻译了一下,最终实现的一个效果是:用手势创建一个本地菜单(点击一菜单按钮,实现设置一个触摸侧滑,滑动滑出效果,如下文中的gif图所示),主要涉及的知识点有移动端三大触摸事件(touchstart,touchmove,touchend),触摸属性,以及实现侧边栏动画,在处理移动端点击,拖动,滑动时,是不得要考虑用户的触摸手势,判断手指在页面上到底是点击还是滑动的,利用原生js的方法封装点击,移动,抬起功能函数,尽管移动(手机)端与pc端有很多相似之处,但还是有很多要注意的地方的,如果你想获得该Demo的源码,复制该标题后台回复[手势魅力-设置一个触摸菜单]就可以了的,初次翻译,如果有误导的地方,欢迎路过的老师,多提意见和指正,如果你想阅读英文原文,扫文末下方二维码或者跳转到指定链接就可以了的
零写在前面 对前端工程师而言，开发Kinect的体感游戏似乎有些触不可及，因为目前市面上基本上是用C#或C++来开发，但如果游戏运行在我们熟悉的浏览器中，结合HTML5的新特征，我们是不是可以玩出新高度呢？ 一简介 在前不久成都TGC2016展会上，我们开发了一款《火影忍者手游》的体感游戏，主要模拟手游章节《九尾袭来 》，用户化身四代，与九尾进行对决，吸引了大量玩家参与。 表面上看，这款游戏与其它体感体验无异，实际上，它一直运行于浏览器Chrome下，也就是说，我们只需要掌握前端相应技术，就可以开发基于Ki
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。
UIWebView自iOS2就有，WKWebView从iOS8.0（2014年9月WWDC）才有，毫无疑问，WKWebView相对UIWebVIew要优秀得多，主要表现在以下几点：
| 导语 手Q终端原生的图片预览器支持图片翻页和各种手势，这些用H5怎样实现？基于alloyFinger，本文将介绍在手Q动漫上的图片预览组件是如何做到媲美原生体验的手势效果，同时也介绍一下关于图片手势效果里隐含的一些细节。希望对要实现手势交互和动画的前端同学有所启发。 作者：朱晓华--腾讯web前端工程师 @IMWeb前端社区 一、实现效果 先来看实现效果。目前已经上线的图片预览组件的路径如下：手Q动态——动漫——社区——点击图片。 类比手Q的AIO里的图片预览器，支持的手势和功能分别如下： 手Q动漫
本周被盖到400+楼的最最最热门文章是《大家聊聊待遇：工作几年，待遇大概多少？？》。由于回复的内容“炒鸡”多，小编也无法很好的整理并得出高大上的结论，我想大家还是自己去看吧。 但在这里，我想给小伙伴们说两句话，不管你的待遇好与坏，想想自己曾经为何走上这条路的？随着生活的压力与日俱增，曾经的梦想还在么？只希望你在前行时不仿说一句：我喜欢IT、我爱编程、我会一直坚持走下去！ “听过很多道理却依然过不好这一生。”但我想还是相信有很多人可以过好的，只要努力、坚持，并做自己爱做的事情，你就成功了。 下面是小编为大
types string 事件的类型（多为手势事件），可接受多个事件以空格分开；支持原生事件的透传
Google Chrome浏览器增强版，由shuax基于官方正式版打包而成，加入便携化注入模块Chrome++增强软件，强制实现flash插件支持，解除Adobe Flash Player地区不相容限制和移除警告提示，增强标签页功能。
“剪刀石头布”是我们小时候经常玩的游戏，日常生活中做一些纠结的决策，有时候也常常使用这种规则得出最后的选择，我们人眼能很轻松地认知这些手势，“石头”呈握拳状，“布”掌心摊开，“剪刀”食指和中指分叉，如何让机器识别这些手势呢？
在前面的章节，我们讨论了各种JavaScript概念和运行在浏览器上的各种深度学习框架。在本章中，我们将所有的知识付诸于实践，证明该技术的潜力。
今年的 I/O 应用大幅修改了现有功能并添加了若干新特性。在这篇文章中，我们将着重围绕其中几项主要变更进行说明。
一、概念介绍 UIGestureRecognizer是一个抽象类，定义了所有手势的基本行为，使用它的子类才能处理具体的手势 UITapGestureRecognizer（轻触，点按） UILongPressGestureRecognizer（长按） UISwipeGestureRecognizer（轻扫手势） UIRotationGestureRecognizer（旋转手势） UIPanGestureRecognizer（拖拽手势） UIPinchGestureRecognizer（捏合手势，缩
数月前的某个夜晚，我躺在床上时，一个念头闪过我的脑海——「如果语音是计算接口的未来，那么那些听不见或看不见的人该怎么办？」我不知道究竟是什么触发了这个想法。我自己能听、能说，周围也没有聋哑人，而且我也没有语音助手。也许是因为无数语音助理方面的文章突然出现，也许是因为各大公司争相让你选择它们的语音助手产品，或许只是因为经常在朋友的桌上看到这些设备。由于这个问题无法从记忆中消失，我知道我需要仔细考虑它。
在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。
侧滑手势在Android App应用得非常广泛，常见的使用场景包括：滑动抽屉、侧滑删除、侧滑返回、下拉刷新以及侧滑封面等。由于这些使用场景实在是太通用了，各路大神们八仙过海各显神通，每种侧滑场景都开源出了很多非常实用的框架，让我们的业务开发便利了很多。
大家好，又见面了，我是你们的朋友全栈君。 1.技术体系 1.1技术体系整理 📷 其中绿色底色的代表Demo中表现出的能力比较成熟，可以直接应用。 脑图地址： http://naotu.bai
本篇将带你深入了解 Flutter 中的手势事件传递、事件分发、事件冲突竞争，滑动流畅等等的原理，帮你构建一个完整的 Flutter 闭环手势知识体系，这也许是目前最全面的手势事件和滑动源码的深入文章了。
本文介绍fabric.js框架使用，以及使用fabricjs打造一个高级画板程序. 高级画板功能介绍 全局绘制颜色选择 护眼模式、网格模式切换 自由绘制 画箭头 画直线 画虚线 画圆/椭圆/矩形/直角
这个功能对于浮层来说是很必要的，如下所示，是微信的 Windows 客户端。点击头像时会弹出一个浮层展示信息，当点击其他位置时，浮层会消失 并且点击的位置可以响应点击事件 。
相信大家搜css touch-action很容易搜到一批文章，但感觉自己还是需要写下自己这这个过程中的一些探索经历。
本文是手势导航连载的第四篇文章，如果您希望了解其他手势导航的话题，请查看本系列的其他文。
微软Edge浏览器独立发行版于2020年1月15日正式上线。Microsoft Edge，基于谷歌Chromium内核，全新界面更加清爽现代化，全面支持全局翻译、阅读模式、第三方扩展插件以及人声语音朗读等各种功能。此外，全新独立版内存占用大幅优化，相对来说更省电、流畅，较适合笔记本用户，全面支持兼容所有平台。
这是一个用来写写画画的手部跟踪程序，开发者将它命名为YoHa（Your Hand Tracking）。
增强现实(Argument Reality)来啰！记得宝可梦(Pokemon Go)吗？它当然也是增强现实的代表之一！Apple终于在iOS11将增强现实带进来，也因为iOS11，未来将会有数不清的iPhones和iPads就会搭载AR功能，这将会让ARKit成为世界最大的平台，是的，如果你对建置增强现实的Apps有兴趣，让你就来对地方了。
背景： 当你的App中有 WebView 或者有 Text 文本的时候，毫无疑问，系统默认地会在你进行长按的时候，弹出一个框，来让你拷贝、粘贴、剪切文本等，亦或是弹出一个放大镜。 而当你进行开发的时候，往往很明确的知道自己的 WebView 希望展示的是什么东西，这个时候，你可能会希望自定义长按手势（LongPressGesture）的功能，而不是任由系统“智能”地帮助你。 然而当你做了一系列工作自定义了长按手势之后，却发现它的优先级是低于系统默认的弹出框的。
Zepto是一个轻量级的针对现代高级浏览器的 JavaScript库， 它与jquery有着类似的api。
iOS-视频播放器的简单封装 封装视频播放器，首先需要了解视频播放器的实现，iOS9之前可以使用MediaPlayer来进行视频的播放，iOS9之后系统推荐使用AVFoundation框架实现视频的播放。 如果仅仅是播放视频两者的使用都非常简单，但是相比MediaPlayer，AVPlayer对于视频播放的可控制性更强一些，可以通过自定义的一些控件来实现视频的播放暂停等等。因此这里使用AVPlayer的视频播放。 封装视频播放器，首先需要实现视频播放器，然后再去考虑怎样封装可以让以后自己使用起来方便快捷。
3.进入配置工程界面，Project Type选择Application，Language选择eTS，其他参数根据实际需要设置即可。
「前端实验室」 专注分享 Github、Gitee 等开源社区优质的前端项目、前端技术、前端学习资源以及前端资讯等各种有趣实用的前端内容。
最近ytkah在学习用bootstrap搭建网站，Bootstrap能自适应pc端和手机端，并且移动设备优先，适合现如今移动营销。bootstrap是封装好的框架，需要某些功能只需调用相应的组件就可以，但有些还是没加入，比如幻灯轮播触屏左右滑动手势就不支持，大家用的设备基本是触屏的了，能用滑动交互在小屏幕上体验会更好，那么如何实现呢？一个比较简单的方法是增加一个滑动手势js插件：hammer.js，网上有很多cdn调用地址，像//cdn.bootcss.com/hammer.js/2.0.8/hamme
Flutter 3 是我们正式为全平台提供支持的一个重量级里程碑，距离它的发布仅过去了三个月，今天让我们有请 Flutter 3.3 正式版！近三个月我们并没有放慢更新迭代的速度——自 Flutter 3 发布以来，我们已经为 Flutter 合并了 5687 个拉取请求。
在前两篇文章里面分别谈了Weex如何在Native端初始化的和Weex是如何高效的渲染Native的原生UI的。Native这边还缺一块，那就是Native产生的一些事件，是怎么传回给JS的。这篇文章就详细分析这一部分。
导语 | Flutter作为一个跨平台开发框架，手势识别被放在Dart层。事件的收集和传递依赖各平台的不同实现，并将屏蔽事件对象的差异，统一转换为Flutter可识别的事件对象。Flutter采用竞技场模式对手势进行识别并决出最终获胜者。本文将从源码角度对Flutter事件传递及手势识别系统进行分析，希望与大家一同交流（本文论述基于Flutter 1.23.0）。文章作者：omegaxiao，腾讯PCG研发工程师。 一、事件传递 手势是对事件的语义化封装，手势的识别依赖于设备屏幕上所产生的各类事
今天博客中，我们就来实现一下一些常用资讯类App中常用的分类选择的控件的封装。本篇博客中没有使用到什么新的技术点，如果非得说用到了什么新的技术点的话，那么勉强的说，用到了一些iOS9以后UICollectionView添加的一些新的特性。本篇博客所涉及的技术点主要有UICollectionView的Cell移动，手势识别，控件封装，闭包回调，面向接口编程，Swift中的泛型等等。这些技术点在之前的博客中也多次使用到，只不过本篇博客使用这些技术点来完成我们的具体需求。 一、实例运行效果 先入为主，下方这个效果
在iOS系统中，手势是进行用户交互的重要方式，通过UIGestureRecognizer类，我们可以轻松的创建出各种手势应用于app中。关于UIGestureRecognizer类，是对iOS中的事件传递机制面向应用的封装，将手势消息的传递抽象为了对象。有关消息传递的一些讨论，在前面的博客中有提到：
腾讯前端团队前几天在Github上发布了一个JS手势库 AlloyFinger 极其小巧，只有几K，但功能很全面，支持缩放、旋转、拖拽、单击、双击、滑动、长按 而且除了Dom对象外，还可以监听Canvas内元素的手势 在腾讯内部的应用已经非常广泛，例如 QQ群、QQ动漫、AlloyTeam 等团队和项目 官方示例 http://alloyteam.github.io/AlloyFinger/ 代码示例 实现对一个图片的移动和缩放 <!DOCTYPE html> <html> <head> <
如今，越来越多的JavaScript代码被使用在页面上，我们添加很多的内容在浏览器里。如何去很好的组织这些代码，成为了一个必须要解决的难题。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
