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 11 HTML / CSS
使用CSS3制作一个简单的Chrome模拟器
Jul 15 HTML / CSS
深入浅析css3 border-image边框图像详解
Nov 24 HTML / CSS
css3 transform及原生js实现鼠标拖动3D立方体旋转
Jun 20 HTML / CSS
关于box-sizing的全面理解
Jul 28 HTML / CSS
利用Bootstrap实现漂亮简洁的CSS3价格表实例源码
Mar 02 HTML / CSS
分享全球十款超强HTML5开发工具
May 14 HTML / CSS
HTML5学习笔记之History API
Feb 26 HTML / CSS
使用HTML5的Notification API制作web通知的教程
May 08 HTML / CSS
逼真的HTML5树叶飘落动画
Mar 01 HTML / CSS
HTML5单页面手势滑屏切换原理分析
Jul 10 HTML / CSS
不要在HTML中滥用div
May 08 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
PHP4和PHP5共存于一系统
2006/11/17 PHP
php中is_null,empty,isset,unset 的区别详细介绍
2013/04/28 PHP
php格式化日期和时间格式化示例分享
2014/02/24 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
浅谈PDO的rowCount函数
2015/06/18 PHP
详解WordPress中添加和执行动作的函数使用方法
2015/12/29 PHP
thinkphp多表查询两表有重复相同字段的完美解决方法
2016/09/22 PHP
yii2高级应用之自定义组件实现全局使用图片上传功能的方法
2016/10/08 PHP
JavaScript 入门基础知识 想学习js的朋友可以参考下
2009/12/26 Javascript
在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
2011/12/20 Javascript
jQuery拖拽div实现思路
2014/02/19 Javascript
深入浅析react native es6语法
2015/12/09 Javascript
Javascript中prototype的使用详解
2016/06/18 Javascript
JavaScript-html标题滚动效果的简单实现
2016/09/08 Javascript
javascript动画之磁性吸附效果篇
2016/12/09 Javascript
完美实现js拖拽效果 return false用法详解
2017/07/28 Javascript
基于vue2.0实现简单轮播图
2017/11/27 Javascript
解决百度Echarts图表坐标轴越界的方法
2018/10/17 Javascript
微信小程序页面间传递数组对象方法解析
2019/11/06 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
2020/03/04 Javascript
[40:05]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第一局
2016/02/25 DOTA
[01:01:18]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#2COL VS LGD
2016/03/03 DOTA
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
Python random模块常用方法
2014/11/03 Python
详解Python中break语句的用法
2015/05/14 Python
python检查序列seq是否含有aset中项的方法
2015/06/30 Python
Python2和Python3中urllib库中urlencode的使用注意事项
2018/11/26 Python
一篇文章搞定Python操作文件与目录
2019/08/13 Python
Python udp网络程序实现发送、接收数据功能示例
2019/12/09 Python
Pytorch在dataloader类中设置shuffle的随机数种子方式
2020/01/14 Python
Python基于Socket实现简单聊天室
2020/02/17 Python
借助Paramiko通过Python实现linux远程登陆及sftp的操作
2020/03/16 Python
详解pandas.DataFrame.plot() 画图函数
2020/06/14 Python
手机业务员岗位职责
2013/12/13 职场文书
商场活动策划方案
2014/01/24 职场文书
导游词之无锡丝业博物馆
2019/11/12 职场文书