java开发pc端和移动端的区别,移动端和PC端的区别

在我们工作中有很多的项目是需要在移动端实现的,但是移动端和pc端是有区别的,如果某些部分还是用pc的方法去写是会出现bug的;这里就来随便说说移动端和 PC 端的区别;

在开发中的区别

PC端考虑的是浏览器的兼容,而移动端需要考虑更多的是手机兼容, 比如安卓和ios以及刘海屏;

浏览器一般使用的内核是webkit 内核; 而移动端需要注意手机的型号,类别,分辨率,以及操作系统的差异;

移动端使用的触屏,操作更加丰富,使用的事件是触屏事件,而缺少的是hover事件,而 PC 端使用的鼠标来进行操作,比较单一; 而且在开发中,移动端有需要进行弹起手机键盘的处理,而 PC 端是没有的;

进行样式或者动画的时候, PC 端因为兼容的问题, 使用c3 比较少,一般使用的是js 来进行, 而移动端就没有这个问题了, 使用的是C3(简单方便效率高);

在移动端点击(click)事件是有延迟的,会有300ms的延迟, 这个原因是当用户一次点击屏幕之后，浏览器并不能立刻判断用户是要进行双击缩放，还是想要进行单击操作。因此，iOS Safari 就等待 300 毫秒，以判断用户是否再次点击了屏幕。(所以安卓就学习了一下);然后，300 毫秒延迟就这么诞生了

在移动端的网络是一个问题,需要考虑在网络不稳定的情况下的处理,而PC端的网络一般而言是非常稳定的;

而且用户使用的时间一定是手机大于电脑的; 而且移动端的传感器十分齐全,而pc端不行;

移动端兼容解决问题(基础)

手机端点击出现300ms延迟问题

300ms延迟问题 : 以前是使用的插件,但是现在使用tap基础事件即可解决这个问题;

查看图片模糊或者加载太慢

原因是 devicePixelRatio的问题, 因为手机的分辨率太小,如果按照浏览器进行分辨的话,肯定是有问题的,所以可以设置 devicePixelRatio = 2 或者是 devicePixelRatio = 1.5 或者 2和3 ,具体还需要分辨一下手机的型号(部分安卓机有部分差异);

也可以使用 css 的 background-size:contain 属性来解决;

如果图片加载过慢, 可以采用懒加载 (jquer.lazyload.min.js and LazyloadImg ) 或者是压缩图片的尺寸 LazyloadImg基础教学地址 www.cnblogs.com/axl234/p/5663153.html

手机网页的放大放小

防止手机中网页放大和缩小，这点是最基本的，一般解决这个问题是添加一个,meta标签,防止放大放小

fixed定位缺陷

ios下fixed元素容易定位出错，软键盘弹出时，影响fixed元素定位

android下fixed表现要比iOS更好，软键盘弹出时，不会影响fixed元素定位

ios4下不支持position:fixed

解决方法: 可用iScroll插件解决这个问题;

定位缺陷

这个问题 pc和移动都有;定位可能会出现部分元素乱跑(位置不对)

解决方法: 多使用em, padding,,,,

java开发pc端和移动端的区别,移动端和PC端的区别相关推荐

java开发电脑软件_JAVA开发程序员，开发使用笔记本推荐？
同 java 路过. 买笔记本,我们可以从以下几点来选购参考. "硬参数"CPU 内存硬盘显卡 "软参数"屏幕重量散热那依次来按照顺序来介绍下. &q ...
PC端 java 开发蓝牙所遇到的问题
由于项目的原因.要在电脑上开发一个通过蓝牙传送数据的client.我採用的是JAVA,JSME开发. client:去搜素蓝牙信号,然后找到对应的蓝牙信号进行连接. 服务端:client须要进行连接的 ...
JAVA 开发pc端桌面软件基于idea+javafx+maven+springboot
前言:本文只介绍IntelliJ IDEA环境下如何搭建javafx+maven+spring的开发环境和一些必要的知识点,javafx详细开发不在此范畴项目源码:https://github.co ...
java开发的微信公众号服务端生产环境中的两个大坑
摘要: 我们开发的公众号,由于将功能开发完毕后,未对服务进行压力测试,因此用到的组件中的参数值全是默认的,服务上线后一段时间运行得倒没什么问题,随着服务得访问量增加,一些多线程并发的问题就逐步暴露出来 ...
java服务端开发的好处_用java开发web的优势到底在哪里？
你所说的 "客户端访问页面也不需要装jvm啊" 证明了你连服务端和客户端都分不清你可能是正版培训班的受害者花点功夫解释下给你哈. 纵向比较:客户端编程 vs 服务器编程客户使 ...
java微信web支付开发_微信支付java开发详细第三方支付功能开发之支付宝web端支...
这段时间把支付基本搞完了,因为做的过程中遇到许多问题,特地记录下来,同时方便其他java coder,废话少说,下面开始. 整体思路:在后台,根据参数创建支付宝客户端AlipayClient,发送参数 ...
Java开发数据库默认端口及网络常用端口号
更多免费教学文章请关注这里一 :Oracle 驱动:oracle.jdbc.driver.OracleDriver URL:jdbc:oracle:thin:@<machine_name> ...
新课重磅发布-Java开发微信朋友圈PC版系统（架构2.0+分布式中间件）
继"Java开发微信朋友圈PC版系统-架构1.0" 课程之后,debug这段时间日撸夜撸,终于赶在春节放假前给诸位带来了这一系统的架构2.0版本,特此分享给诸位进行学习,以掌握.巩 ...
java计算机毕业设计融呗智慧金融微资讯移动平台小程序端源码+系统+数据库+lw文档+mybatis+运行部署
java计算机毕业设计融呗智慧金融微资讯移动平台小程序端源码+系统+数据库+lw文档+mybatis+运行部署 java计算机毕业设计融呗智慧金融微资讯移动平台小程序端源码+系统+数据库+lw文档+m ...
Node.js+MySQL开发的B2C商城系统源码+数据库（微信小程序端+服务端），界面高仿网易严选商城
下载地址:Node.js+MySQL开发的B2C商城系统源码+数据库(微信小程序端+服务端) NideShop商城(微信小程序端) 界面高仿网易严选商城(主要是2016年wap版) 测试数据采集自网易 ...

java开发pc端和移动端的区别,移动端和PC端的区别

java开发pc端和移动端的区别,移动端和PC端的区别相关推荐

最新文章

热门文章