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与html5实现响应式导航菜单(导航栏)效果分享
Feb 12 HTML / CSS
浅谈CSS3动画的回调处理
Jul 21 HTML / CSS
CSS3 边框效果
Nov 04 HTML / CSS
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
Feb 27 HTML / CSS
使用Html5中的cavas画一面国旗
Sep 25 HTML / CSS
canvas绘制太极图的实现示例
Apr 29 HTML / CSS
钉钉企业内部H5微应用开发详解
May 12 HTML / CSS
Ratchet 模态框的实现
Aug 19 HTML / CSS
HTML5适合的情人节礼物有纪念日期功能
Jan 25 HTML / CSS
html5移动端禁止长按图片保存的实现
Apr 20 HTML / CSS
HTML常用标签超详细整理
Mar 19 HTML / CSS
基于CSS制作创意端午节专属加载特效
Jun 01 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实现手机归属地查询API接口实现代码
2012/08/27 PHP
php中current、next与reset函数用法实例
2014/11/17 PHP
验证坐标在某坐标区域内php代码
2016/10/08 PHP
基于jQueryUI和Corethink实现百度的搜索提示功能
2016/11/09 PHP
js中判断Object、Array、Function等引用类型对象是否相等
2012/08/29 Javascript
js获取url中指定参数值的示例代码
2013/12/14 Javascript
parentElement,srcElement的使用小结
2014/01/13 Javascript
JavaScript设计模式之外观模式介绍
2014/12/28 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
2015/08/19 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
前端微信支付js代码
2016/07/25 Javascript
JavaScript实现页面无操作倒计时退出
2016/10/22 Javascript
js addDqmForPP给标签内属性值加上双引号的函数
2016/12/24 Javascript
微信小程序教程系列之视图层的条件渲染(10)
2017/04/19 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
2017/12/20 Javascript
vue操作下拉选择器获取选择的数据的id方法
2018/08/24 Javascript
Vue源码解析之数据响应系统的使用
2019/04/24 Javascript
微信小程序实现按字母排列选择城市功能
2019/11/25 Javascript
Vue事件处理原理及过程详解
2020/03/11 Javascript
JavaScript碰撞检测原理及其实现代码
2020/03/12 Javascript
微信小程序反编译的实现
2020/12/10 Javascript
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
Python cookbook(数据结构与算法)从任意长度的可迭代对象中分解元素操作示例
2018/02/13 Python
Pycharm在创建py文件时,自动添加文件头注释的实例
2018/05/07 Python
Python实现获取汉字偏旁部首的方法示例【测试可用】
2018/12/18 Python
Python集成开发工具Pycharm的安装和使用详解
2020/03/18 Python
python 实现单例模式的5种方法
2020/09/23 Python
基于 HTML5 WebGL 实现的医疗物流系统
2019/10/08 HTML / CSS
令人印象深刻的自荐信
2014/05/25 职场文书
地球一小时宣传标语
2014/06/24 职场文书
校园环境卫生倡议书
2015/04/29 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
2016国庆节67周年寄语
2015/12/07 职场文书
MySQL索引篇之千万级数据实战测试
2021/04/05 MySQL
idea以任意顺序debug多线程程序的具体用法
2021/08/30 Java/Android
MySQL选择合适的备份策略和备份工具
2022/06/01 MySQL