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实现字体颜色渐变的实现
Mar 09 HTML / CSS
目前不被任何主流浏览器支持的CSS3属性汇总
Jul 21 HTML / CSS
CSS3实现复选框动画特效示例代码
Sep 27 HTML / CSS
详解CSS3阴影 box-shadow的使用和技巧总结
Dec 03 HTML / CSS
css3 clip实现圆环进度条的示例代码
Feb 07 HTML / CSS
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
Jul 15 HTML / CSS
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
May 07 HTML / CSS
Html5 语法与规则简要概述
Jul 29 HTML / CSS
amaze ui 的使用详细教程
Aug 19 HTML / CSS
canvas 绘图时位置偏离的问题解决
Sep 16 HTML / CSS
HTML5单选框、复选框、下拉菜单、文本域的实现代码
Dec 01 HTML / CSS
详解CSS不受控制的position fixed
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
关于PHP5 Session生命周期介绍
2010/03/02 PHP
PHP实现手机号码中间四位用星号(*)隐藏的自定义函数分享
2014/09/27 PHP
php中http与https跨域共享session的解决方法
2014/12/20 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
IE浏览器打印的页眉页脚设置解决方法
2009/12/08 Javascript
基于jQuery的输入框在光标位置插入内容, 并选中
2011/10/29 Javascript
jquery实现鼠标滑过显示提示框的方法
2015/02/05 Javascript
JS点击链接后慢慢展开隐藏着图片的方法
2015/02/17 Javascript
JavaScript对象数组排序函数及六个用法
2015/12/23 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
2016/02/01 Javascript
AngularJS中使用HTML5手机摄像头拍照
2016/02/22 Javascript
深入浅析JS的数组遍历方法(推荐)
2016/06/15 Javascript
angularjs 源码解析之injector
2016/08/22 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
2017/04/14 jQuery
JavaScript中的"=、==、==="区别讲解
2019/01/22 Javascript
Vue清除定时器setInterval优化方案分享
2020/07/21 Javascript
jQuery实现回到顶部效果
2020/10/19 jQuery
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
Python采用socket模拟TCP通讯的实现方法
2014/11/19 Python
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
Python实现的直接插入排序算法示例
2018/04/29 Python
Python numpy实现二维数组和一维数组拼接的方法
2018/06/05 Python
解决python中遇到字典里key值为None的情况,取不出来的问题
2018/10/17 Python
PyQt5-QDateEdit的简单使用操作
2020/07/12 Python
西班牙自行车和跑步商店:Alltricks
2018/07/07 全球购物
BISSELL官网:北美吸尘器第一品牌
2019/03/14 全球购物
Nordgreen美国官网:在线购买极简主义斯堪的纳维亚手表
2019/07/24 全球购物
台湾7-ELEVEN线上购物中心:7-11
2021/01/21 全球购物
利用异或运算实现两个无符号数的加法运算
2013/12/20 面试题
人力资源部经理岗位职责规定
2014/02/23 职场文书
妇联主席先进事迹
2014/05/18 职场文书
2014幼儿园大班工作总结
2014/11/10 职场文书
python opencv通过4坐标剪裁图片
2021/06/05 Python
一文搞懂Golang 时间和日期相关函数
2021/12/06 Golang
oracle设置密码复杂度及设置超时退出的功能
2022/06/28 Oracle