HTML5 常见面试题之PC端和移动端区别介绍


Posted in HTML / CSS onJanuary 22, 2018

一、概念

1、PC端和移动端有什么区别

从我个人角度来说,我觉得PC端的定位就是用户视觉浏览路线,可以显示较多的内容,而移动互联网终端的定位就是便携,体现的是“Anyone Anytime Anywhere”的理念,它不是替代PC的设备,准确的说是PC的补充,可以让人们很好的利用起零碎的时间。以下,我从4个方面分析他们之间的区别。

1)界面布局。PC端和移动端的屏幕尺寸不同,导致显示的内容也会有所差异。移动端屏幕相对窄小,一般是单列显示,最多也只能是双列+响应式,但是PC端的屏幕大,布局可以更加灵活。

2)使用习惯。移动端的操作尺度比较大,单击误差大,所以按钮、链接等元素比较设计的大一些。而PC端的操作尺度比较小,用鼠标单击是一件比较准确的事情,所以在设计按钮或者链接等样式时可以稍微小一些。比如说淘宝网页的PC版和手机版。在PC版的淘宝页面中,有些小按钮能放下的功能,在移动版就必须另弹窗口让用户详细输入。

3)网络速度。手机的网络一般是2G\3G\4G\WIFI等,网页的加载速度会影响用户的体验,需要消耗用户的流量,所以要少用图片、动画、JS等,而PC的网络一般是连接宽带或者WIFI,PC端的用户一般不会考虑页面消耗的流量,所以一般不用考虑加载问题。

4)技术层面。移动端开发有一些jquery for mobile一类的库是专用,不适用于PC端。当然,反过来有些PC端的工具或者技术在移动端也不好用。PC应用更关注的是后台、大数据、算法类的,而移动端更关注的是如何更好地交互和体验。

总结: 我感觉移动端开发更好,因为移动端和用户有更直接的接触,而且以后应用会更广泛,需要考虑的兼容性也相对较少,在技术层面的实现相对简单,毕竟移动端是大势所趋,以后的使用会越来越多。

以上所述是小编给大家介绍的HTML5 常见面试题之PC端和移动端区别介绍,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

HTML / CSS 相关文章推荐
纯CSS3代码实现switch滑动开关按钮效果
Aug 30 HTML / CSS
css3 2D图片转动样式可以扩充到Js当中
Apr 29 HTML / CSS
css实例教程 一款纯css3实现的超炫动画背画特效
Nov 05 HTML / CSS
实例教程 纯CSS3打造非常炫的加载动画效果
Nov 05 HTML / CSS
CSS3田字格列表的样式编写方法
Nov 22 HTML / CSS
HTML5里autofocus自动聚焦属性使用介绍
Jun 22 HTML / CSS
自定义html标记替换html5新增元素
Oct 17 HTML / CSS
深入解析HTML5中的Blob对象的使用
Sep 08 HTML / CSS
简单的HTML5初步入门教程
Sep 29 HTML / CSS
详解HTML5中rel属性的prefetch预加载功能使用
May 06 HTML / CSS
HTML5 canvas 瀑布流文字效果的示例代码
Jan 31 HTML / CSS
浅谈由position属性引申的css进阶讨论
May 25 HTML / CSS
浅谈html5 video 移动端填坑记
Jan 15 #HTML / CSS
html5 Canvas实现图片旋转的示例
Jan 15 #HTML / CSS
详解html5页面 rem 布局适配方法
Jan 12 #HTML / CSS
详解html5 canvas 微信海报分享(个人爬坑)
Jan 12 #HTML / CSS
利用三角函数在canvas上画虚线的方法
Jan 11 #HTML / CSS
HTML5 Web缓存和运用程序缓存(cookie,session)
Jan 11 #HTML / CSS
canvas进阶之贝塞尔公式推导与物体跟随复杂曲线的轨迹运动
Jan 10 #HTML / CSS
You might like
PHP 开源AJAX框架14种
2009/08/24 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
解析php做推送服务端实现ios消息推送
2013/07/01 PHP
一个显示效果非常不错的PHP错误、异常处理类
2014/03/21 PHP
使用URL传输SESSION信息
2015/07/14 PHP
Thinkphp 5.0实现微信企业付款到零钱
2018/09/30 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
Javascript下的keyCode键码值表
2007/04/10 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
2014/06/16 Javascript
js实现一个链接打开两个链接地址的方法
2015/05/12 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
2017/03/21 Javascript
Vue2几种常见开局方式详解
2017/09/09 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
2018/11/15 Javascript
原生JS实现萤火虫效果
2020/03/07 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
Vue解决echart在element的tab切换时显示不正确问题
2020/08/03 Javascript
[01:05:36]VP vs TNC Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
[51:53]完美世界DOTA2联赛决赛日 Inki vs LBZS 第二场 11.08
2020/11/10 DOTA
一个基于flask的web应用诞生(1)
2017/04/11 Python
PyQt5利用QPainter绘制各种图形的实例
2017/10/19 Python
浅谈numpy库的常用基本操作方法
2018/01/09 Python
python 堆和优先队列的使用详解
2019/03/05 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
Python操作MySQL数据库的两种方式实例分析【pymysql和pandas】
2019/03/18 Python
python小程序基于Jupyter实现天气查询的方法
2020/03/27 Python
HTML5去掉输入框type为number时的上下箭头的实现方法
2020/01/03 HTML / CSS
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
2020/04/27 HTML / CSS
DBA数据库管理员JAVA程序员架构师必看
2016/02/07 面试题
工程造价专业大专生求职信
2013/10/06 职场文书
物理教育专业毕业生推荐信
2013/11/03 职场文书
教师自荐信
2013/12/10 职场文书
秘书专业自荐信范文
2013/12/26 职场文书
国庆65周年演讲稿:回首往昔,展望未来
2014/09/21 职场文书
600字作文之感受大自然
2019/11/27 职场文书
Nginx解决前端访问资源跨域问题的方法详解
2021/03/31 Servers
MySQL去除密码登录告警的方法
2022/04/20 MySQL