随笔分类 -  移动端

摘要:标签: 方案一:viewport 浏览器检测到这个标签,会认为这是一个已经对移动端做了良好适配的页面,会禁用双击缩放.也就不存在点击延迟问题. 方案二:touch action CSS属性 用于设置触摸屏用户如何操纵元素的区域(例如,浏览器内置的缩放功能)。 : 浏览器只允许进行滚动和持续缩放操作。 阅读全文
posted @ 2019-09-29 19:52 xlupc 阅读(767) 评论(0) 推荐(0)
摘要:定义OpenNativeModule 类,实现sendEventToRn静态方法。 Android 原生方法中调用 RN监听 阅读全文
posted @ 2019-05-07 23:57 xlupc 阅读(1548) 评论(0) 推荐(0)
摘要:异步调用的回调函数是在子线程当中的,需要用Handler或者runOnUiThread来更新UI。 调用: 阅读全文
posted @ 2019-05-07 23:39 xlupc 阅读(1004) 评论(0) 推荐(0)
摘要:我用真机调试的时候还挺坑的,一直报 的错误,没找到原因,后来发现是防火墙不知道什么是时候给打开了。 所以千万要注意下面两点: 关掉防火墙! 确保手机和电脑在同一局域网下 Android serversLoadTimes = 0; RequestBody requestBody = new FormB 阅读全文
posted @ 2019-05-06 23:51 xlupc 阅读(7862) 评论(0) 推荐(0)
摘要:解决 webkit touch callout 这个CSS 属性禁用了默认的callout展示, callout是指当触摸并按住一个元素的时候出现的提示。当在iOS上一直按住一个目标元素时,Safari会展示一个关于这个链接的callout信息。webkit touch callout属性允许禁用掉 阅读全文
posted @ 2019-02-01 19:16 xlupc 阅读(2082) 评论(0) 推荐(0)
摘要:原生 JS 实现移动端 Touch 滑动反弹 什么是 滑动?就是类似于 端的滚动事件,但是在移动端是没有滚动事件的,所以就要用到 事件结合 去实现,效果如下: 1. 准备工作 什么是移动端的 事件?在移动端 事件可以细分成三种,分别是: 、`touchmove touchend touch addE 阅读全文
posted @ 2019-01-31 19:06 xlupc 阅读(920) 评论(0) 推荐(0)
摘要:解决方式 touchmove事件或touchstart阻止默认行为 长按好像还是不行 增加touchcancel事件,和touchend处理同样的逻辑 "touchcancel MDN" The touchcancel event is fired when one or more touch po 阅读全文
posted @ 2019-01-28 15:03 xlupc 阅读(1649) 评论(0) 推荐(0)
摘要:fixed布局在ios中当页面滚动的时候可能会出现一些奇怪的表现,比如fixed元素随页面滚动或者消失等等。 解决思路: 要把带fixed定位的元素,和内容滚动的元素分开来,滚动部分设置绝对定位和 使之自成一块,这样就不会出现页面的滚动。没有滚动,即使fixed失效也没有问题。 阅读全文
posted @ 2019-01-25 21:07 xlupc 阅读(2056) 评论(0) 推荐(0)