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截取字符串实例代码【推荐】
Jun 07 HTML / CSS
CSS3 clip-path 用法介绍详解
Mar 01 HTML / CSS
HTML+CSS3+JS 实现的下拉菜单
Nov 25 HTML / CSS
HTML5 Canvas实现玫瑰曲线和心形图案的代码实例
Apr 10 HTML / CSS
浅谈cookie和localStorage那些事
Aug 27 HTML / CSS
HTML4和HTML5之间除了相似以外的10个主要不同
Dec 13 HTML / CSS
html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
Jan 06 HTML / CSS
探讨HTML5移动开发的几大特性(必看)
Dec 30 HTML / CSS
localStorage、sessionStorage使用总结
Nov 17 HTML / CSS
amazeui模态框弹出后立马消失并刷新页面
Aug 19 HTML / CSS
面试必问:圣杯布局和双飞翼布局的区别
May 13 HTML / CSS
HTML+CSS 实现顶部导航栏菜单制作
Jun 03 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
Windows Apache2.2.11及Php5.2.9-1的安装与配置方法
2009/06/08 PHP
PHP读取XML值的代码(推荐)
2011/01/01 PHP
50个PHP程序性能优化的方法
2014/06/02 PHP
mysql desc(DESCRIBE)命令实例讲解
2016/09/24 PHP
PHP实现数组和对象的相互转换操作示例
2019/03/20 PHP
用javascript实现点击链接弹出"图片另存为"而不是直接打开
2007/08/15 Javascript
基于jquery的模态div层弹出效果
2010/08/21 Javascript
JS运行耗时操作的延时显示方法
2010/11/19 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
2011/09/27 Javascript
Mac地址验证的javascript代码
2013/11/09 Javascript
关于js中for in的缺陷浅析
2013/12/02 Javascript
Javascript中的Array数组对象详谈
2014/03/03 Javascript
Jquery实现由下向上展开效果的例子
2014/12/08 Javascript
node.js中的path.normalize方法使用说明
2014/12/08 Javascript
jQuery中element选择器用法实例
2014/12/29 Javascript
jQuery+ajax的资源回收处理机制分析
2017/01/07 Javascript
详解jquery validate实现表单验证 (正则表达式)
2017/01/18 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
2017/12/27 Javascript
Vue 实现双向绑定的四种方法
2018/03/16 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
2018/09/18 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
2020/07/24 Javascript
[59:08]Ti4 冒泡赛第二天 NEWBEE vs Titan 2
2014/07/15 DOTA
Python中的文件和目录操作实现代码
2011/03/13 Python
Python3编码问题 Unicode utf-8 bytes互转方法
2018/10/26 Python
Python读写文件基础知识点
2019/06/10 Python
详解Python在使用JSON时需要注意的编码问题
2019/12/06 Python
基于Python实现2种反转链表方法代码实例
2020/07/06 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
草莓网美国官网:Strawberrynet USA
2016/12/11 全球购物
加拿大时尚潮流大码女装购物网站:Addition Elle
2018/04/02 全球购物
乡镇干部先进性教育活动个人整改措施
2014/09/16 职场文书
临时租车协议范本
2014/09/23 职场文书
创先争优个人总结
2015/03/04 职场文书
用Java实现简单计算器功能
2021/07/21 Java/Android
CentOS下安装Jenkins的完整步骤
2022/04/07 Servers