话说又学到移动端了,真的让我有点头疼了...真的很麻烦啊!!但是没办法,硬着头皮学吧.
前言：本文将围绕：了解什么是全景 --> 怎么构成全景 --> 全景交互原理来进行讲解，手把手教你从零基础实现一个酷炫的Web全景，并讲解其中的原理。小白也能学习，建议收藏学习,有任何疑问，请在评论区讨论，笔者经常查看并回复。
Web 全景在以前带宽有限的条件下常常用来作为街景和 360° 全景图片的查看。它可以给用户一种 self-immersive 的体验，通过简单的操作，自由的查看周围的物体。随着一些运营商推出大王卡等
屏幕大小指屏幕的对角线的长度，单位一般是英寸。常见的手机屏幕大小 3.5、4、4.7、5.0、5.5、6.0等。常见手机屏幕查看网址 http://screensiz.es/
前段时间接触了下Auto.js（https://github.com/hyb1996/Auto.js），很好上手而且挺有意思，于是写了个微信红包监测脚本 大概思路是，不断获取手机屏幕截图，发现新消息则进入，如果进一步发现了红包，则点击红包并打开 由于Auto.js只能在安卓上安装，所以脚本同样仅适用于安卓 Auto.js简介 适用于安卓的脚本工具 一个主要由无障碍服务实现的，不需要Root权限的自动操作软件 可以实现自动点击、滑动、输入文字、打开应用等功能 更详细的介绍可以参考项目官方Github 下载链接
最近ytkah在学习用bootstrap搭建网站，Bootstrap能自适应pc端和手机端，并且移动设备优先，适合现如今移动营销。bootstrap是封装好的框架，需要某些功能只需调用相应的组件就可以，但有些还是没加入，比如幻灯轮播触屏左右滑动手势就不支持，大家用的设备基本是触屏的了，能用滑动交互在小屏幕上体验会更好，那么如何实现呢？一个比较简单的方法是增加一个滑动手势js插件：hammer.js，网上有很多cdn调用地址，像//cdn.bootcss.com/hammer.js/2.0.8/hamme
在 iOS Safari （其他浏览器和 Android 均不会）上会对那些看起来像是电话号码的数字处理为电话链接，比如：
以下这些函数有的需要安卓7.0以上，有的需要Root权限。要获取要点击的位置的坐标，可以在开发者选项中开启"指针位置"。
在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。
在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1. PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动端默认的布局视口宽度是980像素，所以网页文字非常小，为了快速让网页还原到原来的大小，Safari最新引入了双击缩放功能：用户双击手机页面的时候，浏览器会智能的缩放当前页面到原始大小。 双击缩放的原理就是，当用户click一次之后，浏览器会经过约300ms之后检测是否再有一次click，如果有的话，
通过 this.createSelectorQuery() 方法创建一个选择器对象。
滑屏的交互形式自从在 H5 中流行起来，便广泛应用在产品宣传、广告、招聘和活动运营等场景中，作为微信朋友圈广告惯用的形式，其影响力更是得到了强化与放大。如今滑屏H5可谓玲琅满目，数不尽数。 作为一个 UI工程师，接过很多类似的项目，也曾写过滑屏的插件，在经历了不同的需求的“洗礼”并踩过若干个坑之后，不禁反问自己：应该如何面对每一次类似的需求，在已有的经验下如何做到体验更好？如何节省工作量提高效率？面对性能优秀的 iOS 与性能良莠不齐的 Android 平台，又如何做到体验统一与性能最优？ 第一问：拖拽翻屏
作为一个 UI工程师，接过很多类似的项目，也曾写过滑屏的插件，在经历了不同的需求的“洗礼”并踩过若干个坑之后，不禁反问自己...
到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开发而言是一个挑战，是一个难题，也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨：移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑，如果大家有遇到什么别的坑，欢迎补充，或者觉得我哪里写错了，欢迎指点！
前段时间发布的OPPO Find X2，OPPO着重介绍了Find X2的屏幕， 其中Find X2屏幕有一个特性就是支持120Hz超高刷新率， 笔者也有一台Find X2，在日常使用中我能很容易感知滑动这块屏幕带来顺滑和流畅体验， 而本文通过使用PerfDog移动平台性能测试软件测得的帧率数据，让大家更直观的知道Find X2这块屏幕顺滑体验到底有多棒。
HTML5学堂：今天要与大家分享一个当前移动端很常见的效果，类似于手机联系人的快速导航功能，即当触摸a~z的字母时，能够相对应的显示文字。有些手机的音乐导航也类似，具体可详见下图： touchmove
和尚前段时间整理了一篇关于我们真的了解 Activity 与 Fragment 的生命周期吗？的小博文，整理了基础版的关于 Activity 与 Fragment 的生命周期。 后来又一次被一个大大神问到在 Android7.0 分屏情况下的生命周期时，突然蒙圈了，因此和尚我准备分几个小博文整理一下 Android7.0 分屏下各生命周期的执行顺序，Demo 超级简单，只是为了测试生命周期的执行顺序。 和尚我今天整理一下单个 Activity 在 Android7.0 分屏下各生命周期的执行顺序。
在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。
但是不同手机浏览器有自己的地址栏、状态栏等，window.screen.availHeight 取到的屏幕高度也包括了这两者，导至本来希望满屏显示的内容出现滚动条，需要滑动才能看到。
本文章中所有内容仅供学习交流使用，不用于其他任何目的，不提供完整代码，抓包内容、敏感网址、数据接口等均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关！
本文主要说的是Web中图片根据手机屏幕大小自适应居中显示，图片自适应两种常见情况解决方案。开始吧
html5的发布让移动端web增添了很多新的能力，这些能力给我们带来了很多新的玩法，不知你知道了多少呢？下面我将结合案例罗列一些自H5发布以来出现的新玩法，给大家温故而知新。本文也适合大家在策划H5活动的时候作为参考，说不定在这儿就找到灵感了。 构思H5的玩法该从何入手呢？网上的H5五花八门，其玩法大多都可以归纳到基于传感器、基于触摸屏操作、基于画面呈现、基于内容这四类来考虑。它们既有基于其中一类来构思玩法，又有将多个类别组合起来创造更复杂丰富的玩法。与H5新能力相关的是前三种类型，本文也会从这三种类型进行
width —— 视口宽高 height —— 视口宽高 device-width —— 设备的宽高 device- height —— 设备的宽高 orientation：检查设备处于横向（landscape）还是竖屏（portrait）
今天，本文会给大家介绍一下：什么是无障碍适配。后续我将继续给大家介绍，如何实现无障碍适配。
本篇为一移动端博文,个人觉得这篇外文还可以,就翻译了一下,最终实现的一个效果是:用手势创建一个本地菜单(点击一菜单按钮,实现设置一个触摸侧滑,滑动滑出效果,如下文中的gif图所示),主要涉及的知识点有移动端三大触摸事件(touchstart,touchmove,touchend),触摸属性,以及实现侧边栏动画,在处理移动端点击,拖动,滑动时,是不得要考虑用户的触摸手势,判断手指在页面上到底是点击还是滑动的,利用原生js的方法封装点击,移动,抬起功能函数,尽管移动(手机)端与pc端有很多相似之处,但还是有很多要注意的地方的,如果你想获得该Demo的源码,复制该标题后台回复[手势魅力-设置一个触摸菜单]就可以了的,初次翻译,如果有误导的地方,欢迎路过的老师,多提意见和指正,如果你想阅读英文原文,扫文末下方二维码或者跳转到指定链接就可以了的
为了方便用户的查看浏览器在移动默认设置用户可以放大或者缩小， 但是随着前端届的日新月异的变化，反而随意放大缩小成了我们需要解决的问题； 安卓手机解决方案： <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/> // 以下为注释 //在移动浏览器上页面渲染是在一个叫viewport的页面绘制区域内。 <meta
在一些电商的小程序项目中，长列表是一个很普遍的场景，在加载大量的列表数据的过程中，可能会遇到手机卡顿，白屏等问题。也许数据进行分页处理可以防止一次性加载数据带来的性能影响，但是随着数据量越来越大，还是会让小程序应用越来越卡顿，响应速度越来越慢。这种问题不仅仅在小程序上，在移动端 h5 项目中同样存在。
vant官网地址 https://vant-contrib.gitee.io/vant/#/zh-CN/
全面屏时代，交互方式会有哪些变化？ 什么是全面屏？ 2017年可以称为全面屏集中爆发的一年，小米，OPPO，VIVO，华为，三星，苹果等等都在今年发布了全面屏手机，全面屏时代已经到来，在我看来全面屏就
小程序开发框架的逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。
一、swipe介绍 1.查看源码语法，起点和终点四个坐标参数，duration是滑动屏幕持续的时间，时间越短速度越快。默认为None可不填，一般设置500-1000毫秒比较合适。 ``` swipe(self, start_x, start_y, end_x, end_y, duration=None) Swipe from one point to another point, for an optional duration. 从一个点滑动到另外一个点，duration是持续时间
做好了项目之后,在各种浏览器里面测试,都没有问题.很高兴,交付后端使用.然而发现在微信自带浏览器里面,却是出现了问题.
查看源码语法，起点和终点四个坐标参数。 手机屏幕从左上角开始为0，向右为x轴坐标，向下为y轴坐标。
建议不用 layui。layui 在有些情况下定位元素是有问题的。在环境基本上是正确的情况下，它截图截不到。所以可以舍弃 layui，直接用自带的 uiautomatorviewer（现在拥有的定位方式，它全部都支持）。
想开发网页爬虫，发现被反爬了？想对 App 抓包，发现数据被加密了？不要担心，使用 Airtest 开发 App 爬虫，只要人眼能看到，你就能抓到，最快只需要2分钟，兼容 Unity3D、Cocos2dx-*、Android 原生 App、iOS App、Windows Mobile……。
前言 由于业务需要做成类似腾讯课堂课程详情滚动的效果，考虑到后面有可能有新的呈现方式，RN提供的组件没有这种滚动控件，不如自己封装，其实去年已经写了一篇但是写的比较乱，周末花了点时间重写梳理下做的东西
不知道怎么的，突然江苏的几所大学就盛行一个改编《南山南》的风气，各个学校都争相在自己的官微上发布自己改编的《南山南》。好好的一首歌就这么被乱改我也是挺心痛的。不过话说回来，当我想在电脑上听歌的时候突然发现电脑竟然无法听歌，更别提下载了。下面就以南航的官微页面为例。
之前我们玩过一些手机自动化软件，比如Airtest，ADB，通过这些软件我们可以和自己的手机进行关联，并且使用程序来代替我们本人来操作手机，今天我们要说的是另一款给力的自动化APP，这里要介绍的并不是Windows平台上的可执行文件哦，而是Android平台上的JavaScript IDE，更重要的一点就是这个工具是国人开发的，必须支持一个不是。而且AutoJs兼容性更好，传统的按键精灵，脚本精灵，虽然上手快，门槛低，但是他们是以坐标为基础，很容易出现分辨率的问题，而AutoJs则是以控件为基础，因而更强大，并且我们在玩自动化时是不需要Root的；那么，废话不多说，赶快让我们一睹为快这款强大的IDE吧。
x和y是View左上角的坐标，translationX和translationY是View左上角相对于容器的偏移量。这几个参数都是相对于父容器的坐标。
1、通过 ADB 控制你的手机，帮你自动刷抖音 2、调用百度人脸识别的接口，给视频画面中出现的小姐姐打分 3、自动给颜值 70 以上的小姐姐的视频点赞
1、首先，在系统变量里添加变量名为：ANDROID_HOME，值为：D:\android-sdk
Monkey所执行的随机事件流中包含11大事件，分别是触摸事件、手势事件、二指缩放事件、轨迹事件、屏幕旋转事件、基本导航事件、主要导航事件、系统按键事件、启动Activity事件、键盘事件、其他类型事件。Monkey通过这11大事件来模拟用户的常规操作，对手机App进行稳定性测试。下面让我们来详细了解这11大事件。
在移动端导航的功能太常见了，很多时候还需要可滑动，点击的时候还需要当前动画到中间。实现的方法很多，今天分享一个本人最近开发所用的方法。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
