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 相关文章推荐
Web前端绘制0.5像素的几种方法
Aug 11 HTML / CSS
css3弹性盒模型实例介绍
May 27 HTML / CSS
CSS3实现的闪烁跳跃进度条示例(附源码)
Aug 19 HTML / CSS
CSS3 text shadow字体阴影效果
Jan 08 HTML / CSS
CSS3关于z-index不生效问题的解决
Feb 19 HTML / CSS
Html5移动端弹幕动画实现示例代码
Aug 27 HTML / CSS
html5 迷宫游戏(碰撞检测)实例一
Jul 25 HTML / CSS
HTML5 Canvas锯齿图代码实例
Apr 10 HTML / CSS
24个canvas基础知识小结
Dec 17 HTML / CSS
HTML5 Canvas中使用用路径描画圆弧
Jan 01 HTML / CSS
HTML5之语义标签介绍
Jul 07 HTML / CSS
详解CSS开发过程中的20个快速提升技巧
May 21 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
yii框架源码分析之创建controller代码
2011/06/28 PHP
php使用socket post数据到其它web服务器的方法
2015/06/02 PHP
取选中的radio的值
2010/01/11 Javascript
jquery动态增加删除表格行的小例子
2013/11/14 Javascript
使用js获取图片原始尺寸
2014/12/03 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
2015/03/16 Javascript
jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法
2015/08/07 Javascript
JS中生成随机数的用法及相关函数
2016/01/09 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
2016/06/17 Javascript
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
2016/08/04 Javascript
基于WebUploader的文件上传js插件
2016/08/19 Javascript
详解angularJS自定义指令间的相互交互
2017/07/05 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
2017/09/19 Javascript
node.js文件操作系统实例详解
2019/11/05 Javascript
Vue解决echart在element的tab切换时显示不正确问题
2020/08/03 Javascript
基于Python对象引用、可变性和垃圾回收详解
2017/08/21 Python
pip install urllib2不能安装的解决方法
2018/06/12 Python
Python简单基础小程序的实例代码
2019/04/28 Python
在python中用url_for构造URL的方法
2019/07/25 Python
Win10系统下安装labelme及json文件批量转化方法
2019/07/30 Python
Python3.9.0 a1安装pygame出错解决全过程(小结)
2021/02/02 Python
如何使用css3实现一个类在线直播的队列动画的示例代码
2020/06/17 HTML / CSS
多视角3D可旋转的HTML5 Logo动画
2016/03/02 HTML / CSS
大学生就业自我鉴定
2013/10/26 职场文书
小学运动会入场式解说词
2014/02/18 职场文书
学历公证委托书
2014/04/09 职场文书
有关爱国演讲稿
2014/05/07 职场文书
家长学校工作方案
2014/05/07 职场文书
cf战队收人口号
2014/06/21 职场文书
学生逃课万能检讨书2000字
2015/02/17 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
安全生产隐患排查制度
2015/08/05 职场文书
2016年中秋节寄语大全
2015/12/07 职场文书
学校运动会开幕词
2016/03/03 职场文书
浅谈Python基础之列表那些事儿
2021/05/11 Python
聊聊配置 Nginx 访问与错误日志的问题
2022/05/25 Servers