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在触屏上为按钮实现激活效果
Sep 27 HTML / CSS
CSS3 实现雷达扫描图的示例代码
Sep 21 HTML / CSS
HTML5重塑Web世界它将如何改变互联网
Dec 17 HTML / CSS
Html5 FileReader实现即时上传图片功能实例代码
Sep 01 HTML / CSS
带你认识HTML5中的WebSocket
May 22 HTML / CSS
浅谈html5之sse服务器发送事件EventSource介绍
Aug 28 HTML / CSS
Html5之自定义属性(data-,dataset)
Nov 19 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
Dec 02 HTML / CSS
如何使用amaze ui的分页样式封装一个通用的JS分页控件
Aug 21 HTML / CSS
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
May 10 HTML / CSS
纯 CSS 自定义多行省略的问题(从原理到实现)
Nov 11 HTML / CSS
CSS巧用渐变实现高级感背景光动画
Dec 06 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截取后台登陆密码的代码
2012/05/05 PHP
php不使用copy()函数复制文件的方法
2015/03/13 PHP
PHP实现json_decode不转义中文的方法
2017/05/20 PHP
php 实现银联商务H5支付的示例代码
2019/10/12 PHP
JS之小练习代码
2008/10/12 Javascript
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
2013/08/02 Javascript
JavaScript取得键盘按下方向键是哪个的方法
2015/08/04 Javascript
JavaScript中将数组进行合并的基本方法讲解
2016/03/07 Javascript
NodeJs读取JSON文件格式化时的注意事项
2016/09/25 NodeJs
seajs学习教程之基础篇
2016/10/20 Javascript
Select2.js下拉框使用小结
2016/10/24 Javascript
jQuery常见面试题之DOM操作详析
2017/07/05 jQuery
JS实现的简单下拉框联动功能示例
2018/05/11 Javascript
AngularJS修改model值时,显示内容不变的实例
2018/09/13 Javascript
javascript定时器的简单应用示例【控制方块移动】
2019/06/17 Javascript
更强大的vue ssr实现预取数据的方式
2019/07/19 Javascript
17个Python小技巧分享
2015/01/23 Python
python3实现的zip格式压缩文件夹操作示例
2019/08/17 Python
Django中使用MySQL5.5的教程
2019/12/18 Python
Python命名空间及作用域原理实例解析
2020/08/12 Python
python中count函数知识点浅析
2020/12/17 Python
飞利浦比利时官方网站:Philips比利时
2016/08/24 全球购物
一份Java笔试题
2012/02/21 面试题
不开辟用于交换数据的临时空间,如何完成字符串的逆序
2012/12/02 面试题
What's the difference between an interface and abstract class? (接口与抽象类有什么区别)
2012/10/29 面试题
Linux如何压缩可执行文件
2013/10/21 面试题
大专毕业生简历的自我评价
2013/10/20 职场文书
幼儿园师德师风学习材料
2014/05/29 职场文书
运动会横幅标语
2014/06/17 职场文书
群众路线个人整改方案
2014/10/25 职场文书
离婚撤诉申请书范本
2015/05/18 职场文书
写一个Python脚本下载哔哩哔哩舞蹈区的所有视频
2021/05/31 Python
MySQL如何快速创建800w条测试数据表
2022/03/17 MySQL
《原神》新角色演示“神里绫人:林隐泓洄” 宠妹狂魔
2022/04/03 其他游戏
《王国之心》迎来了发售的20周年, 野村哲发布贺图
2022/04/11 其他游戏