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感应鼠标的背景闪烁和图片缩放动画效果
May 14 HTML / CSS
浅谈CSS3动画的回调处理
Jul 21 HTML / CSS
Canvas 文本转粒子效果的实现代码
Feb 14 HTML / CSS
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
Dec 07 HTML / CSS
html5 canvas-2.用canvas制作一个猜字母的小游戏
Jan 07 HTML / CSS
html5中svg canvas和图片之间相互转化思路代码
Jan 24 HTML / CSS
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
May 15 HTML / CSS
浅谈基于HTML5的在线视频播放方案
Feb 18 HTML / CSS
使用HTML5进行SVG矢量图形绘制的入门教程
Feb 19 HTML / CSS
html5中canvas图表实现柱状图的示例
Nov 13 HTML / CSS
canvas绘制太极图的实现示例
Apr 29 HTML / CSS
ivx平台开发之不用代码实现一个九宫格抽奖功能
Jan 27 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
JSON在PHP中的应用介绍
2012/09/08 PHP
php 判断网页是否是utf8编码的方法
2014/06/06 PHP
php实现的错误处理封装类实例
2017/06/20 PHP
php判断IP地址是否在多个IP段内
2020/08/18 PHP
JavaScript进阶教程(第四课第一部分)
2007/04/05 Javascript
jquery 插件开发方法小结
2009/10/23 Javascript
jquery如何通过name名称获取当前name的value值
2013/12/20 Javascript
Node.js中require的工作原理浅析
2014/06/24 Javascript
jQuery实现的经典滑动门效果
2015/09/22 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
基于JS2Image实现圣诞树代码
2015/12/24 Javascript
超实用的JavaScript代码段 附使用方法
2016/05/22 Javascript
Bootstrap入门教程一Hello Bootstrap初识
2017/03/02 Javascript
Angular中$broadcast和$emit的使用方法详解
2017/05/22 Javascript
如何理解Vue的作用域插槽的实现原理
2017/08/19 Javascript
Node.JS循环删除非空文件夹及子目录下的所有文件
2018/03/12 Javascript
微信小程序自定义可滑动日历界面
2018/12/28 Javascript
js中实例与对象的区别讲解
2019/01/21 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
2020/10/12 Javascript
Python_LDA实现方法详解
2017/10/25 Python
python如何实现int函数的方法示例
2018/02/19 Python
如何实现删除numpy.array中的行或列
2018/05/08 Python
python 将列表中的字符串连接成一个长路径的方法
2018/10/23 Python
python快排算法详解
2019/03/04 Python
numpy和pandas中数组的合并、拉直和重塑实例
2019/06/28 Python
浅谈python图片处理Image和skimage的区别
2019/08/04 Python
深入理解Tensorflow中的masking和padding
2020/02/24 Python
python mysql中in参数化说明
2020/06/05 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
详解CSS3开启硬件加速的使用和坑
2017/08/21 HTML / CSS
阿玛尼美国官方网站:Armani.com
2016/11/25 全球购物
蔻驰西班牙官网:COACH西班牙
2019/01/16 全球购物
优秀少先队辅导员先进事迹材料
2014/05/18 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
2014镇副书记群众路线专题民主生活会思想汇报
2014/09/23 职场文书
同事欢送会致辞
2015/07/31 职场文书