分享

PCweb开发与移动web开发区别在于什么?

 昵称32970865 2016-08-11
这篇文章只是我深入了解移动领域开发过程中的不断整理和总结,其中涉及到很多概念,观点,个人的看法,有不确切的地方,欢迎指正。

首先要明确移动web和webapp是不同的

1:移动web开发

这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是三足鼎立IEfirefox  chorme。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发,所有最终代码具有跨系统平台的特性。

2:web App开发
特指的是用html5技术开发,之所以叫web app是因为他比较接近客户端应用程序的用户体验,可以和系统深度融合,调用一些只有客户端才能调用的功能(比如在移动设备上利用html5开发出的网页可以访问电话、摄像头等本地功能)

那么PCweb开发与移动web开发区别在于什么?
1
面向人群来说

l  从用户角度:pc端主要使用鼠标,鼠标的操作尺度比较小,点击是一件准确的事情;而移动端web上主要是触屏,触屏的操作尺度就比较大,点击误差大,所以元素必须往大了做,也不支持hover事件。这一点淘宝网页的PC版和手机web版是个非常良好的例子。PC淘宝中有些小按钮能放下的功能,移动版就必须另弹界面让用户详细输入。

ll   从开发人员角度:UI(网页用户界面)设计师要考虑到移动端特点,便于触屏操作。至于代码实现效果时基本差不多。
2
MVC

M:模型,即HTML代码,移动web会更关注meta标签,通过这些标签我们会定制我们移动web开发的一些行为和样式。

V:即css语言,这两者会存在非常大的不同,进入移动web开发,会发现安卓设备和苹果设备的分辨率会存在分辨适配的问题,而pc上只需要写死一个宽度就差不多。PC端咱们最常用的就是固定宽度,但移动端就不能这么用了,因为很多网页都是可以横屏看,也可以竖屏看;很多屏幕的分辨率不一样;所以只要牵涉到移动端,就要牵涉到响应式(也叫自适应); 
 
C:js,这个题主应该更详细一些,因为有没有canvas对js影响很大;
第一、普通移动端网页(比如手机新浪网,手机淘宝,手机百度等)这个在js方面和PC端区别不是太大;主要的区别在于移动端没有了鼠标悬停(onmouseover);点击(onclick)还可以用;多了触摸、滑动。
第二、canvas相关游戏
canvas相关的html5增加了好多js,不过我不做游戏方面,所以就不多废话了;

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多