Fastclick原理浅析

为什么使用 FastClick 在移动端 H5 开发过程中,关于点触可能会遇到如下两个问题: 手动点击与真正触发事件会存在 300ms 的延迟 点击穿透问题(点击行为会穿透元素触发非父子关系元素的事件) 延迟的存在时因为浏览器想知道你是否在进行双击操作;而点击穿透是因为 300ms 延迟触发时的副作用。而使用 fastclick 能很好的解决这个问题,增加使用者的体验。 可以不使用的场景 不必使用的浏览器环境如下: Android + Chrome >32 Android + Chrome…

deepLinks

这个词我第一次是在IONIC Deeplinks中看到的,它表示在 H5 中使用一个链接(URL Scheme 或者 Universal Links)就能打开我们指定的 App。这样的需求可以参考下面的流程图: 因此,结合这个需求,我介绍下DeepLinks 的概念和交互设计。 DeepLinks 的概念 在 H5 中点击链接跳转到 App 可以使用两个方式实现:URL Scheme 或者 Universal Links,URL Scheme 较为通用,Universal Links…

vueMobile组件(组件间通讯)

移动端组件的编写和 PC 端组件的编写是不同的,PC 端组件见的通讯及状态共享很简单,基本上井水不犯河水,但是移动端组件的却不是这样:ion-title 组件希望共享自己的控制权,便于业务动态修改、menu 组件弹开的手,希望页面也能向右移动下、页面切换的时候,自动关闭 ActionSheet 组件等。下面是我在组件编写时踩得坑,如果感兴趣或者有同样的思考可以和我联系。 组件间通讯 基础组件的组件见通讯使用的比较多,比如 menu 组件打开需要通知 nav 组件是否移动等,如果直接上 Vuex…

H5移动开发总结

透明度 主要是兼容 IE6+的写法,当我们在兼容低版本浏览器的时候可能下面的写法可以满足我们的需求(两个属性都写上,浏览器识别的属性直接覆盖前者的属性): html5 标签唤起发短信功能 做 html5 开发的过程中,我们可能会有这样的需求: 点击按钮,呼起系统的发送短信的窗口,并且自动填充发送到的号码和内容。网络上可以很容易的找到这方面的 demo ,并且也可以找到在安卓上和 iOS 上是有却别的(body 之前的标示): 这里有图片 input 标签选择系统文件的问题 在 html…