一般情况下 CSS 并不会影响 JS 事件，但有一个 CSS 属性则比较特殊，那就是 pointer-events，它可以用来规避鼠标事件，其中大部分属性值只适用于 SVG（可缩放矢量图形）操作，而我们只需要关注其 none 属性值，该值表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。
iSlider是一个表现出众，无任何插件依赖的手机平台javascript滑动组件。它能够处理任何元素，例如图片或者DOM元素
ionic是一个强大的混合式/hybridHTML5移动开发框架，特点是使用标准的HTML、 CSS和JavaScript，开发跨平台（目前支持：Android、iOS，计划支持：Windows Phone、Firefox OS） 的原生App应用：
在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。
在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1. PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动端默认的布局视口宽度是980像素，所以网页文字非常小，为了快速让网页还原到原来的大小，Safari最新引入了双击缩放功能：用户双击手机页面的时候，浏览器会智能的缩放当前页面到原始大小。 双击缩放的原理就是，当用户click一次之后，浏览器会经过约300ms之后检测是否再有一次click，如果有的话，
Zepto.js是一个轻量级的针对现代浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。 1. Why Zepto.js？ API类似jQuery，熟悉jQuery可以无缝迁移到Zepto.js Zepto仅针对高版本现代浏览器设计了最小核心的通用库，代码体积小，尤其适合移动端开发。 Zepto增加了针对移动端的触摸和手势相关的事件 Zepto模块化做的很灵活，可以自定义组合模块 2. Zepto.js下载 代码下载：zeptojs中文站
Touch.js 是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具。 Touch.js手势库专为移动设备设计。 Touch.js对于网页设计师来说，是一款不错的辅助工具，可以减少很多写框架控制器的时间。 网页合理使用Touch.js不但能增加网页的美观感，而且在节约时间，减少人力投入也有极大的帮助。
前端的很多事件在PC端和浏览器端可公用，但有些事件却只在移动端产生，如触摸相关的事件
首先讲了移动端和电脑端的一些不同，讲到了viewport的概念和相关的虚拟像素、媒体查询，借助媒体查询来实现横屏、竖屏的区别显示。
本篇为一移动端博文,个人觉得这篇外文还可以,就翻译了一下,最终实现的一个效果是:用手势创建一个本地菜单(点击一菜单按钮,实现设置一个触摸侧滑,滑动滑出效果,如下文中的gif图所示),主要涉及的知识点有移动端三大触摸事件(touchstart,touchmove,touchend),触摸属性,以及实现侧边栏动画,在处理移动端点击,拖动,滑动时,是不得要考虑用户的触摸手势,判断手指在页面上到底是点击还是滑动的,利用原生js的方法封装点击,移动,抬起功能函数,尽管移动(手机)端与pc端有很多相似之处,但还是有很多要注意的地方的,如果你想获得该Demo的源码,复制该标题后台回复[手势魅力-设置一个触摸菜单]就可以了的,初次翻译,如果有误导的地方,欢迎路过的老师,多提意见和指正,如果你想阅读英文原文,扫文末下方二维码或者跳转到指定链接就可以了的
首先很遗憾的一点是，“PHP虽然是最好的语言”，但是它不是最流行的语言。 对不起的还有刚刚在4月TIOBE编程语言排行榜上榜的各个语言： 你们都很棒，但是你们都担当不了这个大任。 开始之前，我先说一
1.关于echarts各种稀奇古怪让人想骂niang地需求的配置 2.vue中，mode为history时，build打包后页面空白的解决方法 3.vue中使用axios，实现向请求头中传递cookie值 4.js-sdk微信分享时，动态url的设置 5.vuex的使用步骤梳理，轻松掌握。 6.一个基于promise的ajax异步请求函数封装，不用再写那么多遍的if result === 1啦！ 7.使用vue实现自定义多选与单选的答题功能 8.基于ajax渲染模板的二级/多级自定义联动下拉功能封装， 9.
关于echarts各种稀奇古怪让人想骂niang地需求的配置 js-sdk微信分享时，动态url的设置 基于ajax渲染模板的二级/多级自定义联动下拉功能封装， 一个基于promise的ajax异步请求函数封装，不用再写那么多遍的if result === 1啦！ css-移动端h5在iphonex的适配 vuex的使用步骤梳理，轻松掌握。附源码 使用vue实现自定义多选与单选的答题功能 vue中使用axios，实现向请求头中传递cookie值 vue中，mode为history时，build打包后页面空白
有天，辛苦做了个复杂操作功能的页面，上线后有用户反馈：很多功能使用不了。惊了，以为是哪里出了bug。 立马联系用户，才发现原来是用户使用笔记本电脑，没有禁用触控板，然后不小心碰到导致整个界面都放大，很多功能超出界面不见了。 然而那能怎么办，用户第一，自然得快速解决这个问题，而且是触控板和触摸屏都得解决。
在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。
本文首发于前端面试总结@知乎专栏，各位可以通过点击文章下方的阅读原来来访问原文地址 问题一览 mouseover和mouseenter两个事件有什么区别？ 移动端的click事件行为与PC端有什么不
测试时，遇到过Web端的项目，也测试过App,对于两者的区别以及一些侧重点，结合网络和自己的实战经验总结记录下来，方便以后测试查看。
写到最后总结得差不多了，后续如果我想起还有哪些类库工具遗漏的，会继续在这篇文章上补全，同时也希望各位倔友对文章里的要点进行补充或者提出自己的见解。欢迎在下方进行评论或补充喔，喜欢的点个赞或收个藏，保证你在开发时用得上。
hammer.js是一款移动端手势库组件，支持pan（拖动）、swipe（滑动）、tap（轻触）、press（按压，即长按）、doubletap（双击）等很多手势操作，提供比较完善的事件监听机制，但是
熟悉掌握HTML、服务器端脚本语言、CSS和JavaScript之后，学习Web框架可以加快Web开发速度，节约时间。PHP程序员可选的框架包括CakePHP、CodeIgniter、Zend等，Python程序员喜欢使用Django和 webpy，Ruby程序员常用RoR。
相信大家搜css touch-action很容易搜到一批文章，但感觉自己还是需要写下自己这这个过程中的一些探索经历。
前言 HTML5 将 Web 开发者的战场从传统的 PC 端带到了移动端。然而移动端交互的核心在于手势和滑动，如果只是将 PC 端的点击体验简单地移植到移动端，势必让移动端体验变得了无生趣。以某 AP
来源：https://juejin.im/post/5d759f706fb9a06afa32adec
Zepto是一个轻量级的针对现代高级浏览器的 JavaScript库， 它与jquery有着类似的api。
移动端在VR平台中算是后起之秀，但因其价格低廉、携带方便、高普及度等原因，得到了越来越多用户的认可，颇有赶超专业VR头显的趋势。但内容开发者却常常会因移动端VR的局限性而感到不满，尤其是它的动态输入和
1：GMU:http://cloudajs.org/ui/brand/gmu GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件! http://gmu.b
8月24日，专注研发领先的ARVR自然手势及头部位置追踪技术的 uSens凌感公司，在北京召开发布会，正式宣布开放SDK测试版并开启预订全新的Fingo系列产品。 uSens凌感推出uDev开发者计划
劣势：需加载适配各个终端的各个资源，在不同终端通过响应式布局实现不同展现，部分交互效果需要在页面中做终端判断，代价较大，若图片资源为一套，部分图片在超高分辨率设备（例如iphone系列）下会失真，且在非wifi情况下即使加了延时加载也易出现加载慢的情况。
前面的话 有一个流传较广的笑话，一个人在stackoverflow中提了一个问题，如何使用javascript实现一个数字与另外一个数字相加。最高票回答是你应该使用jQuery插件，jQuery插件可以做任何事情。 历史总是在重演，以前是jQuery，现在可能是react或vue。不同的框架有不同的应用场景，杀鸡不要用牛刀。本文将详细介绍框架选型 框架与库 库(lib)具有以下三个特点： 1、是针对特定问题的解答，具有专业性； 2、不控制应用的流程 3、被动的被调用 框架(frameword)具有以下三个
从本篇文章开始要写一个新的可视化库的系列文章：Highcharts。对这个库来自官网的赞美：
相信很多招聘要求上都会写明需要3-5年经验才可以达到架构师要求，并且针对其中一些必要的技术储备大家已经能够耳熟能详，那究竟为什么需要这么久时间，以及具体每项技能需要掌握到什么程度才可以担当这个角色呢？
来源: 铁皮饭盒https://juejin.im/post/5d89cd156fb9a06acb3ee19e
可用性测试是指通过观察用户使用产品（或原型）的过程，记录和分析用户的行为和感受，以改善产品可用性的一系列方法。可用性测试适用于产品前期设计开发，中期改进和后期维护的各个阶段，是用户中心设计的思想的重要体现。同时，由于它反映了用户真实的使用情况，因此被视为一种不可或缺的可用性检验过程。 形成性可用性测试 vs. 总结性可用性测试 根据测试所处的阶段，可用性测试可以分为形成性测试和总结性测试。前者是指在产品开发或改进过程中，请用户对产品或原型进行测试，通过收集的数据来改进产品或设计直至达到要求的可用性目标
https://juejin.im/post/5d759f706fb9a06afa32adec
嘉宾 | 张龑 编辑 | 马红伟 在大前端盛行的行业背景下，利用跨端技术来快速迭代新业务已经成为一种潜在趋势。在一众跨端技术选型框架中，后起之秀 Flutter 脱颖而出，各大企业纷纷开始尝试使用，但结果却呈现了“两边倒”态势，有成功的也有失败弃用的，失败的原因暂且先不论，本文中我们不妨来探索一下 Flutter 成功的秘诀。 如何构建一套体验不亚于原生端、并且具备复杂绘制（类小游戏）能力的 App 框架？如何深挖 Flutter 的“潜能”？如何时宜地使用 Flutter 来节约当前团队的研发成本？带着
当我们设计师输出了精美的设计稿，然后附带了一个流畅的手势动画，交付给开发的时候，也期待着开发大佬搞出和自己预期一样体验流畅。但是等到实际体验的时候，却发现有一种说不出的闹心。 “这个感觉不好按...” “划起来咋这么费劲呢？” “怎么感觉动画怪怪的。” Chapter 1 我们与流畅的距离 当你正准备和开发一通友好探讨的时候，这个时候开发向你发起了一系列灵魂拷问： “你这个左滑的手势，划多少才算触发？划多快才算触发？如果划了一半划回去算不算触发？如果我先点击后滑动算不算触发？松手之后的动画是多快的速度
答：核心思想是利用视觉上的感觉，在用户无感的情况下切换回去，也就是快速回滚。为了达成这个目的，就是在最后一个轮播图的后面加上第一个轮播图，当从最后一个切换到第一个时，先切换到备用的第一个，然后快速回滚到真正的第一个轮播图。第一个同理，可能有点绕，可以看图理解：
这类框架最大的特点就是从底层的渲染引擎、布局引擎，到中层的 DSL，再到上层的框架全部由自己开发，代表框架是 Qt 和 Flutter。这类框架优点非常明显：性能（的上限）高；各平台渲染结果一致。缺点也非常明显：需要完全重新学习 DSL（QML/Dart），以及难以适配中国特色的端：小程序。
目前，越来越多的AI场景将AI能力直接部署在移动端，其优势主要在于实时、省流、以及安全性等方面。这些AI能力给移动端产品带来巨大的想象空间，促进了移动互联网下半场的繁荣。
视口(Viewport)是移动Web开发中一个非常重要的概念，最早是由苹果公司在推出iPhone手机时发明的，其目的是为了让iPhone的小屏幕尽可能完整显示整个网页。通过设置视口，不管网页原始的分辨率尺寸有多大，都能将其缩小显示在手机浏览器上，这样保证网页在手机上看起来更像在桌面浏览器中的样子。
picker-extend.js
作者：ivweb biliou download 我们可以在这里下载到最新的 beta 版react 下载链接 React 内核改变 --fiber 什么是react-fiber ? increas
APP 的控件元素不仅涵盖了基础用户界面操作，还包括用户与应用程序中更复杂、功能丰富的空间之间的互动。这种交互远不止于简单的按钮或输入框。通过借助 Appium 的 Actions，能够完成对应用程序进行手势识别的交互。这意味着可以通过各种手势，如滑动、缩放、长按等，实现更灵活、直观的用户体验。这种高级交互使得应用程序更具交互性和吸引力，为用户提供了更深入参与应用功能的途径。
uSens已于今年11月启动Pre-B轮融资，预计2018年第一季度前完成。 可能对于一些人来说，手势追踪已经不算什么新奇的技术了。毕竟，随着一些智能硬件、虚拟现实等产品在C端市场的逐渐铺开，手势操作已经不是什么新奇的事情了。 然而，大多数人在体验过一两次手势操作之后给出的反馈并不是很好。有人说，这是因为还不习惯，但镁客君想说的是，这是因为当前的手势追踪技术还无法满足用户的需求，它根本无法做到随时随地、百分百的精确追踪，给不了我们顺畅的手势操作体验。 “uSens在创立之初就致力于为三维世界提供自然的人机交
小程序一直以来采用的都是 AppService 和 WebView 的双线程模型，基于 WebView 和原生控件混合渲染的方式，小程序优化扩展了 Web 的基础能力，保证了在移动端上有良好的性能和用户体验。Web 技术至今已有 30 多年历史，作为一款强大的渲染引擎，它有着良好的兼容性和丰富的特性。 尽管各大厂商在不断优化 Web 性能，但由于其繁重的历史包袱和复杂的渲染流程，使得 Web 在移动端的表现与原生应用仍有一定差距。
今天在移动端，尤其是像手机淘宝这样的 app 中，动态性问题逐渐成为一个比较棘手的问题。所谓动态性，就是把移动应用本身的灵活性、迭代更新的周期和成本优化到极致。比如手机淘宝的店铺首页，它允许商家实时装修自己的店铺，更新自家的商品、活动等信息；再比如淘宝、天猫每次大促的会场页面，要求我们非常灵活的及时调整界面信息和状态，确保在瞬息万变的活动当天紧跟促销节奏，应对各种突发情况。
ECharts开源来自百度商业前端数据可视化团队，基于html5 Canvas，是一个纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
最近项目不是很忙，自己就用原生js写了一个简单的移动端轮播图的小demo，可实现自动轮播和手势滑动轮播，然后就把它记录到个人博客里。还有很多不足的地方，希望多多指出，以便改进。 1、代码部分 分为四个文件： slideshow.html slideshow.css base.js slideshow.js 1.1、slideshow.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <me
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
