移动端爬虫工具与方法介绍

本文来自网易云社区 作者:王涛 本文主要介绍了移动端爬虫的工具与方法,作为一个入门的大纲。没有详细介绍的也给出了本人学习过程中借鉴的资料的链接,适合对移动端爬虫感兴趣的同学入门。 一、抓包模拟 基本原理(中间人攻击) 中间人攻击:在中间人攻击中,攻击主机通常截断客户端和服务器的加密通信。攻击机以自己 ... »

iOS企业版应用发布(部分低版本系统)无法安装到最新版app的问题-缓存导致

通过自己网站发布企业版app时,经过测试发现在部分已安装过旧版app的低版本ios手机存在这样的问题 :扫码覆盖安装新版app,安装到的仍然是就版本的app。这样就导致部分用户一直无法更新到最新版本。经排查发现是由于手机缓存导致:这里缓存主要有两部分,一是页面下载plist的资源路径,二是plist ... »

移动web开发适配方案之Rem

移动端为什么要做适配 移动端相对PC端来说大部分浏览器内核都是基于Webkit的,所以大部分都支持CSS3的最新语法。但是由于手机的屏幕尺寸和分辨率都不太一样(尤其是安卓),所以不得不对不同分辨率的手机做适配来达到近似的展示效果。 一般来说,UI只会给我们提供一份设计图,目前比较多的是参考 "手机淘 ... »

移动端 | Vue.js对比微信小程序基础语法

(1)vue 自定义组件与父组件的通信,props:[abb],可以看成自组建的一个自定义属性 (2)vue 模版语法{{}} 只能是在DOM中插入,<div>{{acc}}</div>, 绑定属性的话应v-bind:id="abb" 不需要{{}}; 而小程序可以<image src="{{url ... »

移动HTML5前端性能优化指南

概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点,首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB 5. Mobile侧因手机配置原因,除加载外 ... »

简述下移动端使用gif, 透明背景视频, 动画的问题

先阐述下写这篇文章的起因 项目是再app内置浏览器中嵌入的一个 H5 页面,需求中有一个动画的效果,比较简单的动画,而且动画背景透明 下面来说说这个需求的坎坷经历 1. 第一个想到的应该就是让 UI 小姐姐做一个动态图啦,于是 UI 小姐姐也做了,但遇到了几个问题 - 动态图片太大,快接近我的整个项 ... »

Android系统下用js自定义gesture事件(仿ios实现移动端事件一致)

一、手势事件 在ios系统中,系统自带了gesture事件,两个手指操作的时候,就会产生一下三种手势事件: gesturestart:当一个手指已经按在屏幕上,另一个手指又触摸屏幕的时候触发。gesturechange:当触摸屏幕的任何一个手指的位置发生变化的时候触发。 gestureend:当任何 ... »

【移动端web】软键盘兼容问题

这周几天遇到了好几个关于web移动端兼容性的问题。并花了很长时间去研究如何处理这几种兼容问题。 这次我们来说说关于移动端软键盘的js处理吧。 一般情况下,前端是无法监控软键盘到底是弹出来还是关闭的。能使用的一般是输入框获取焦点事件(focus)与输入框失去焦点事件(blur)。 ios设备下,点击输 ... »

Android软键盘弹出,覆盖h5页面输入框问题

之前我们在使用vue进行 h5 表单录入的过程中,遇到了Android软键盘弹出,覆盖 h5页面 输入框 问题,在此进行回顾并分享给大家: 系统:Android 条件:当输入框在可视区底部或者偏下的位置 触发条件:输入框获取焦点,弹出软键盘 表现:软键盘 覆盖 h5页面中的输入框 问题分析: 1.发 ... »

详解vue移动端 下拉刷新

看完这篇文章,相信大伙也一样可以,做出一个自己的刷新,加载的组件 说这个功能之前,大家要先了解一下,要怎么触发滚动条事件。 一定要注意,所有滚动事件都必须要满足这个条件,横向滚动条也一样, 只要满足子元素宽度大于父元素宽度就可以了。(下篇文章会讲怎么实现一个横向滚动条) 接入正题!!! 先来看看怎么 ... »

原生js移动端滑动事件

移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时 ... »

移动端中的陀螺仪

前面的话 本文将详细介绍移动端中的陀螺仪的概念及相关实现 横竖屏 window下的orientation属性来表示移动端的横竖屏状态,chrome模拟器不支持该属性,只能在真机上测试 按照上右下左的顺序,该属性的结果分别是0、90、180、-90 [注意]手机头朝下的切换没有实现 window下的o ... »

移动端事件点透问题

在移动WEB开发中,有时候可能会出现点透问题,本随笔将围绕这个TAP点透问题,详细的讲述以下几点: 到底什么是点透?为什么会出现点透?如何避免出现点透?如果不可避免的出现了,如何解决解决点透问题?(我说的是移动端,不是pc端) 1、什么是点透? 以下情况,在B元素上有半透明灰色遮盖层A,黄色B元素内 ... »

从flexible.js引入高德地图谈起的移动端适配

曾几何时,前端还仅仅是PC端的。随着移动时代的兴起,h5及css3的推陈出新。前端的领域慢慢的由传统的pc端转入了移动端,这也导致了前端这一职业在风口的一段时间出尽了风头。 从开始的惶恐和无从下手,慢慢的到了有了统一的技术方案去落地实现。 从手写不同尺寸的媒体查询css到以手淘的flexible.j ... »

移动端 滑动删除 swipeDelete

功能比较简单常见,最近整理一下做备份记录。先看看线上 整体实际效果 下面是swipeDelete 用法 demo 默认参数 dom 节点如下 支持2种结构 A li 元素运动 transform: translateX(2px); 滑动元素和删除元素 父子 节点关系 B con 元素运动 trans ... »