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动画和opacity透明度实现呼吸灯效果
Aug 09 HTML / CSS
利用CSS3的transition属性实现滑动效果
Aug 05 HTML / CSS
使用CSS3的::selection改变选中文本颜色的方法
Sep 29 HTML / CSS
使用css3做0.5px的细线的示例代码
Jan 18 HTML / CSS
CSS3中的display:grid,网格布局介绍
Oct 30 HTML / CSS
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
Apr 26 HTML / CSS
HTML5 语义化结构化规范化
Oct 17 HTML / CSS
基于HTML5超酷摄像头(HTML5 webcam)拍照功能实现代码
Dec 13 HTML / CSS
html5的画布canvas——画出简单的矩形、三角形实例代码
Jun 09 HTML / CSS
微信小程序canvas实现水平、垂直居中效果
Feb 05 HTML / CSS
css position fixed 左右双定位的实现代码
Apr 29 HTML / CSS
为什么你写的height:100%不起作用
May 10 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
php巧获服务器端信息
2006/12/06 PHP
php在线打包程序源码
2008/07/27 PHP
php csv操作类代码
2009/12/14 PHP
php用数组返回无限分类的列表数据的代码
2010/08/08 PHP
php visitFile()遍历指定文件夹函数
2010/08/21 PHP
PHP将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
PHP数学运算函数大汇总(经典值得收藏)
2016/04/01 PHP
jquery 指南/入门基础
2007/11/30 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
2012/12/09 Javascript
ExtJS DOM元素操作经验分享
2013/08/28 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
2013/09/29 Javascript
jQuery实现异步获取json数据的2种方式
2014/08/29 Javascript
jquery.map()方法的使用详解
2015/07/09 Javascript
浅谈jQuery 选择器和dom操作
2016/06/07 Javascript
BootStrap Typeahead自动补全插件实例代码
2016/08/10 Javascript
简单谈谈JS数组中的indexOf方法
2016/10/13 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
基于JavaScript实现的折半查找算法示例
2017/04/14 Javascript
vue 实现通过手机发送短信验证码注册功能
2018/04/19 Javascript
JavaScript"模拟事件"的注意要点详解
2019/02/13 Javascript
微信小程序mpvue点击按钮获取button值的方法
2019/05/29 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
解决vue 退出动画无效的问题
2020/08/09 Javascript
Python函数定义及传参方式详解(4种)
2019/03/18 Python
Python数据类型之Dict字典实例详解
2019/05/07 Python
Django 导出项目依赖库到 requirements.txt过程解析
2019/08/23 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
python 利用toapi库自动生成api
2020/10/19 Python
Exoticca英国:以最优惠的价格提供豪华异国情调旅行
2018/10/18 全球购物
中层竞聘演讲稿
2014/01/09 职场文书
英语简历自我评价
2014/01/26 职场文书
甜品蛋糕店创业计划书范文
2014/02/06 职场文书
施工工地安全标语
2014/06/07 职场文书
会计岗位工作总结
2015/08/12 职场文书
2015元旦感言
2015/12/09 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书