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实现轮播图效果实例
May 04 HTML / CSS
css3中背景尺寸background-size详解
Sep 02 HTML / CSS
CSS3的一个简单导航栏实现
Aug 03 HTML / CSS
CSS3实现文本垂直排列的方法
Jul 10 HTML / CSS
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
Nov 17 HTML / CSS
HTML5新增的标签和属性归纳总结
May 02 HTML / CSS
利用HTML5的新特点实现图片文件异步上传
May 29 HTML / CSS
检测浏览器对HTML5和CSS3支持度的方法
Jun 25 HTML / CSS
HTML5 Canvas入门学习教程
Mar 17 HTML / CSS
浅谈html5标签css3的常用样式
Oct 20 HTML / CSS
canvas拼图功能实现代码示例
Nov 21 HTML / CSS
关于html选择框创建占位符的问题
Jun 09 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获取某个目录大小的代码
2008/09/10 PHP
PHP伪造referer实例代码
2008/09/20 PHP
深入PHP curl参数的详解
2013/06/17 PHP
php中文繁体和简体相互转换的方法
2015/03/21 PHP
php随机获取金山词霸每日一句的方法
2015/07/09 PHP
用 javascript 实现的点击复制代码
2007/03/24 Javascript
获取3个数组不重复的值的具体实现
2013/12/30 Javascript
jQuery中slideUp()方法用法分析
2014/12/24 Javascript
解决jquery无法找到其他父级子集问题的方法
2016/05/10 Javascript
jQuery链式调用与show知识浅析
2016/05/11 Javascript
JavaScript如何一次性展示几万条数据
2017/03/30 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
浅谈Vue 初始化性能优化
2017/08/31 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
2018/01/16 Javascript
微信小程序公用参数与公用方法用法示例
2019/01/09 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
2019/04/19 Javascript
AngularJS动态生成select下拉框的方法实例
2019/11/17 Javascript
[02:09:59]火猫TV国士无双dota2 6.82版本详解(下)
2014/09/29 DOTA
Python实现将多个空格换为一个空格.md的方法
2018/12/20 Python
Python生成验证码、计算具体日期是一年中的第几天实例代码详解
2019/10/16 Python
python wxpython 实现界面跳转功能
2019/12/17 Python
python烟花效果的代码实例
2020/02/25 Python
解决python Jupyter不能导入外部包问题
2020/04/15 Python
Python requests模块安装及使用教程图解
2020/06/30 Python
python中requests模拟登录的三种方式(携带cookie/session进行请求网站)
2020/11/17 Python
python爬虫爬取图片的简单代码
2021/01/18 Python
CSS3对图片照片进行边缘模糊处理的实现
2018/08/08 HTML / CSS
专门经营化妆刷的美国彩妆品牌:Sigma Beauty
2017/09/11 全球购物
Under Armour安德玛荷兰官网:美国高端运动科技品牌
2019/07/10 全球购物
Linux面试经常问的文件系统操作命令
2015/11/05 面试题
商务考察邀请函范文
2014/01/21 职场文书
上海世博会口号
2014/06/19 职场文书
2016春节家属慰问信
2015/03/25 职场文书
一行代码python实现文件共享服务器
2021/04/22 Python
python机器学习创建基于规则聊天机器人过程示例详解
2021/11/02 Python
Python 装饰器(decorator)常用的创建方式及解析
2022/04/24 Python