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 相关文章推荐
纯CSS实现预加载动画效果
Sep 06 HTML / CSS
发现两个有趣的CSS3动画效果
Aug 14 HTML / CSS
CSS3 实现侧边栏展开收起动画
Dec 22 HTML / CSS
css3实现画半圆弧线的示例代码
Nov 06 HTML / CSS
css3新单位vw、vh的使用教程
Mar 23 HTML / CSS
使用CSS变量实现炫酷惊人的悬浮效果
Apr 26 HTML / CSS
纯CSS3实现的井字棋游戏
Nov 25 HTML / CSS
用HTML5制作视频拼图的教程
May 13 HTML / CSS
简单整理HTML5的基本特性和语法
Feb 18 HTML / CSS
基于HTML5陀螺仪实现ofo首页眼睛移动效果的示例
Jul 31 HTML / CSS
recorder.js 基于Html5录音功能的实现
May 26 HTML / CSS
利用html+css实现菜单栏缓慢下拉效果的示例代码
Mar 30 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
thinkphp分页集成实例
2017/07/24 PHP
jQuery EasyUI API 中文文档 - Form表单
2011/10/06 Javascript
jQuery实现鼠标滑过遮罩并高亮显示效果
2013/07/16 Javascript
javascript中的变量作用域以及变量提升详细介绍
2013/10/24 Javascript
使用 Node.js 做 Function Test实现方法
2013/10/25 Javascript
基于jquery扩展漂亮的CheckBox(自己编写)
2013/11/19 Javascript
js格式化时间和js格式化时间戳示例
2014/02/10 Javascript
jQuery中find()方法用法实例
2015/01/07 Javascript
js实现从数组里随机获取元素
2015/01/12 Javascript
javascript实现rgb颜色转换成16进制格式
2015/07/10 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
2015/11/30 Javascript
jQuery选择器总结之常用元素查找方法
2016/08/04 Javascript
JavaScript实现网页头部进度条刷新
2017/04/16 Javascript
react-native ListView下拉刷新上拉加载实现代码
2017/08/03 Javascript
基于vue 开发中出现警告问题去除方法
2018/01/25 Javascript
Layui数据表格之获取表格中所有的数据方法
2018/08/20 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
JS实现点餐自动选择框(案例分析)
2019/12/10 Javascript
JS如何生成动态列表
2020/09/22 Javascript
[01:08:32]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第二场 1月18日
2021/03/11 DOTA
python抓取京东小米8手机配置信息
2018/11/13 Python
Python实现爬取亚马逊数据并打印出Excel文件操作示例
2019/05/16 Python
python读文件的步骤
2019/10/08 Python
python实现图片转字符画的完整代码
2021/02/21 Python
如何在网站上添加谷歌定位信息
2016/04/16 HTML / CSS
使用纯HTML5编写一款网页上的时钟的代码分享
2015/11/16 HTML / CSS
全球度假村:Club Med
2017/11/27 全球购物
Ellos瑞典官网:北欧地区时尚、美容和住宅领域领先的电子商务网站
2019/11/21 全球购物
四年大学生活的自我评价范文
2014/02/07 职场文书
应届毕业生应聘自荐信范文
2014/02/26 职场文书
竞选演讲稿范文大全
2014/05/12 职场文书
公司门卫岗位职责范本
2014/07/08 职场文书
2015年文员个人工作总结
2015/04/09 职场文书
烈士陵园观后感
2015/06/08 职场文书
JavaScript事件的委托(代理)的用法示例详解
2022/02/18 Javascript