移动端网页开发（移动前端开发和web前端开发的区别）

本文目录

• 移动前端开发和web前端开发的区别
• 如何在移动端上,也就是在手机上开发HTML
• 如何进行移动端的页面开发
• 前端如何快速开发h5移动端页面
• 想学习在移动端开发网页要学什么
• 移动端HTML5如何开发跟PC端有什么区别
• 移动客户端的网页是怎么做出来的
• 什么是移动前端开发

移动前端开发和web前端开发的区别

移动前端开发和web前端开发都属于前端开发，具体有以下区别。

1、业务的应用场景

web前端开发主要指传统的PC端网页开发，页面主要是运行在PC端浏览器中，移动前端开发出来的页面主要是运行在手机上。

直观上会感觉，PC端页面大一些，移动端页面小一些，但是根据开发经验，页面大可并不代表书写的代码复杂，页面小也并不意味着开发简单，难与易主要还是取决于具体的业务需求。

2、新技术的使用

由于在移动端主要以webkit内核为主，对于HTML5等新技术支持的更好，所以可以更大范围的使用新技术，而PC端开发由于很多场景下要求兼容IE等老版本浏览器，出于浏览器兼容性的考虑，有些情况下限制了新技术的使用。

3、页面的适配性

传统PC端的页面开发一般都会选择给页面设定一个固定宽度，两侧有留白，但是移动端的页面由于其载体手机屏幕比PC要小很多，一般都会选择尽可能多的在手机屏幕上显示内容，这就要求移动端页面要能够充分适应各种屏幕尺寸的手机并进行最大程度的利用。

从这一点上来说移动端页面的适配难度更高一些。

4、页面的性能

PC端的网络情况一般比较稳定，都是通过网线或者Wi-Fi连接网络，但是移动端就比较复杂，除了Wi-Fi，还有2G、3G、4G甚至是在几种不同的网络连接中交替切换也经常发生。

不稳定的网络连接对页面性能带来的挑战是移动端的页面资源不能太大，否则在恶劣网络情况下时，页面将会无法访问 ，严重影响用户体验。

5、框架选型

由于移动端网络情况的不稳定，导致我们在移动端页面框架选型时，一般只考虑小而美的框架，例如像zepto.js这样的压缩之后只有9.6K，就能满足一般业务的需要，如果是想要构建更复杂的单页面应用，可以选择像vue.js这样的框架，功能强大，但体积压缩后却只有20多K。

而web端相对选择的范围就比较大，一些比较重型的框架也可以根据项目需求加以考虑，例如古老但庞大的ext.js，依然凭借着众多UI组件活跃在一些企业的后台管理系统项目中。

如何在移动端上,也就是在手机上开发HTML

您说的是html5开发，针对移动端网页设计必学的知识体系。

一、HTML5支持测试列表

在开始之前，你需要了解现代的浏览器以及移动平台对于HTML5的支持情况。

主流浏览器HTML5功能支持一览

移动平台HTML5支持一览

HTML5支持测试

HTML5演示

二、让HTML5元素可用

老版本的IE浏览器不能识别新的HTML元素。但是，可以使用一些JavaScript或CSS解决方案来弥补这个缺陷。

HTML5Shiv：此脚本可以使IE浏览器识别HTML5元素。

HTML5 Enabler：功能与HTML5Shiv类似。

Modernizr：它使得开发者可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发，同时又不会牺牲其他不支持这些新技术的浏览器的控制。

HTML5 Reset：它提供了一组HTML、CSS文件，让你能够以最少的时间来启动一个新的项目。它使用modernizr来支持HTML5 和 CSS3。

三、浏览器插件

下面是一些JavaScript插件，可以弥补一些浏览器对HTML5的支持问题。

1. VideoJS

VideoJS是一个HTML5的视频播放器，可以在所有浏览器中使用，包括IE6和移动设备。对于不支持HTML5的浏览器则自动使用Flash播放器来播放。

2. AudioJS

HTML音频播放器。用来让HTML5 的 标签可以在各种浏览器上使用，包括移动设备。

3. HTML5Widget

HTML5的表单模块，包括日历，调色板，滑动部件，客户端验证等。

4. Webforms2

HTML5 表单属性的支持，例如pattern、required和autofocus。

5. LimeJS

LimeJS是HTML5的游戏框架，用于为现代触摸设备和桌面浏览器创建快速、本地化的游戏。

6. FlexieJS

支持CSS3弹性盒子模型（Flexible Box Model）。

四、在线工具

此外，还有一些在线工具，可以帮助开发者加快HTML5项目的开发。

1. HTML5 Boilerplate

是一个HTML / CSS /JS模板，是实现跨浏览器正常化、性能优化、稳定的可选功能如跨域Ajax和Flash的最佳实践。开发者称之为技巧集合，目的是满足你开发一个跨浏览器，并且面向未来的网站的需求。

2. Switch to HTML5

非常有用的在线工具，可以根据你的喜好生成HTML5文档结构。

如何进行移动端的页面开发

应该说，移动端的开发是伴随着HTML5的兴起而出现的，2007年第一款iPhone诞生，2009年HTML5这个名词第一次登上“舞台”。当时的移动互联网开始逐渐兴起，发展到今，移动互联网已经和人们的日常生活密切相关。作为开发者，对于一个崭新的事物，一直在尝试的“路上”，到底最好的开发方式是什么？本文介绍了从移动端诞生到现在，自己探索到的开发方法，并配以相应知识点，欢迎跟大家沟通、分享。

初次接触移动端，绝对单位的使用

自己接触移动端开发是在2012年，那时候比较新潮的是制作WEBAPP。什么是WEBAPP呢？所谓的WEBAPP就是用网页模拟出原生语言（如iOS）开发的APP交互效果。虽然在表现层面上，HTML5表现突出，但不得不承认的是，在系统性能层面，WEBAPP明显要差于原生应用（即NativeAPP）。这也就使得WEBAPP这条路暂时性的被堵住了。

于是，移动端的开发方向逐渐向移动端网页倾斜。对于PC端，我们一直使用的是px（像素）进行代码的书写，但是到了移动端，需要面临不同的分辨率。在2012年的时候，自己和团队成员在写移动端的时候，由于是初次接触，还是在使用px（像素）作为单位。因为在2012年的时候，绝大多数的手机的屏幕大小都是320*480分辨率，所以，即便是使用像素作为单位进行移动端网页开发也是完全可以的。

关于视口的知识，可点击查看——移动端H5知识-视口viewport

横向百分比，纵向像素值

随着移动端的继续发展，在2012年9月，iPhone5上市，开始引领“特殊分辨率”的发展，于是，320*480分辨率的手机屏幕在整个手机市场当中占有的份额越来越少，各种各样的分辨率如雨后春笋般冒了出来。

此时我们再进行固定像素进行开发明显是不明智的。于是，我们开始采用百分比（相对度量单位）进行盒模型横向属性（width、左右内边距、左右外边距）的制作，使用em（相对度量单位）实现文字的处理。但盒模型纵向上还是使用固定像素作为单位。

但是，这种操作导致了一个问题——主要表现在img标签的处理上。成都软件开发公司www.yingtaow?对于图片来说，只需要设置横向百分比，纵向会自动等比例缩放。在列表页以及内容页还好，毕竟内容是自动撑开父级高度的；但是在首页或者二级页，但凡涉及到父级元素高度固定的盒模型，里面的img就会出现变形（压缩或者拉伸）的问题。

这个问题也是困扰了自己许久，但是一直没有找到一个非常好的解决办法。

响应式布局

当自己还在纠结img的处理时，2013年，在北京流行起了一种新的技术——响应式布局。通过媒体查询，针对不同大小分辨率的设备，设置不同的样式。应该说，对移动端页面的开发帮助不大，原因在于，响应式的出现主要是因为我们希望一段代码能够同时适配PC端、平板电脑以及手机。由于三种平台的样式以及用户体验应该是迥然不同的，那么此时，我们就需要有“断点”，在不同位置，有不同的样式，而在两个“断点”之间的样式，则使用相对单位做“渐变性的过渡”。

应该说，响应式布局解决了典型的屏幕像素不同样式的问题，但是却依旧搞定不了之前的那个问题。

关于CSS3媒体查询的知识，可点击查看——移动端H5知识-CSS3媒体查询

横向纵向均百分比

在横向百分比，纵向像素值的方法无效时，自己能够想到的就是纵向也设置为百分比了，但是却发现，盒模型属性在纵向上的一些设置上是存在问题的，如padding-top/bottom、margin-top/bottom等。而文本属性中line-height在设置百分比时也并不是按照当前元素高度计算的。

于是，横纵向均设置为百分比的方法就破灭了~

关于盒模型的一些问题以及背景的合理使用，可点击查看——移动端H5知识-百变盒模型以及移动端H5知识-背景的妙用

横向纵向rem

随着HTML5的发展，除了原来的em单位，又新增了rem单位。这两个单位都是相对单位。1em表示的是当前元素一个字体大小的尺寸；而1rem，也表示的是一个字体大小的尺寸，但是是针对html标签进行计算的。相比之下，rem的计算起来要简单很多。于是，自己尝试用rem解决横向以及纵向的设置，舍弃掉了百分比，发现还是挺不错的，算是兼容了绝大多数机型和浏览器。之后，在使用一款华为手机进行测试的时候，发现并不支持横向的rem。于是，又需要想办法啦~~~

正解——横向百分比，纵向rem

针对华为手机，我尝试了横向百分比，发现还是能够支持的，于是就折中了一下，横向使用百分比进行控制，纵向使用rem作为单位。此时能够实现所有浏览器的兼容。

优化正解——横向百分比，纵向rem

在横向使用百分比，纵向使用rem时，会由于计算产生一定的误差，于是，运用学习过的一些HTML5技术，进行移动端页面的优化，例如，使用CSS3的盒阴影替换掉边框。而对于rem，在计算中通常是存在一定的字体误差的（会计算出小数点），此时正好接触了一下淘宝的移动端页面，看到了一个不错的JS框架——flexible.js，通过这个框架对页面进行处理，能够防止小数点的出现。

关于flexible.js框架的具体用法，可点击查看——移动端H5知识-处理rem小数点flexible.js

优化正解2——任性的使用固定像素来实现

上个月月初，发现网易移动端的制作方法有些特殊，查看代码时发现，网易采用了固定像素进行书写，而通过MetaHandler.js进行了页面的控制。最近尝试了一下，感觉还是挺不错的，兼容也是比较好的，不失为一种好方法。

关于MetaHandler.js框架的具体用法，可点击查看——移动端H5知识-固定像素的实现方法

前端如何快速开发h5移动端页面

Bootstrap是目前最流行的前端开发框架，最新出来的Bootstrap3提出移动优先，Bootstrap框架主要针对的是桌面端市场，在布局、版式、控件、特效方面都非常让人满意，能极大丰富界面效果，方便前端工程师开发，目前主流的Firefox,Chrome,Opera,Safari,IE8浏览器都能够很好的兼容，在框架扩展方面，随着Bootstrap的广泛使用，扩展插件和组件也非常丰富，涉及显示组件、兼容性、图表库等各个方面

Vue

js是一套构建Web界面的渐进式框架，是目前唯一提供支持混合预处理器，对CLl,vdom,JSX等业界认可的理念能够完美的实现

非常受业界移动开发者的喜爱，大型互联网公司都在使用，如阿里巴巴，饿了么等

AngularJS是一款优秀的前端JS框架，旨在简化前端应用程序的开发

它能快速的构建企业级的web应用

目前比较流行的Bootstrap和ionic都是基于AngularJS

AngularJS很小，只有60K，兼容主流浏览器，与jQuery配合良好

想学习在移动端开发网页要学什么

想要学习前端开发，必须要了解前端：

Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代产物，那时网站的主要内容是静态的，用户使用网站的行为也以浏览为主。2005年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。说得直白点就是美工photoshop，交互设计，flash，js，htmlcss。就小规模公司而言，一个技术员都得会这几样技能，这样很锻炼人的，慢慢的你就会成为公司的主力。大规模的公司把这些分得很细，所以，你可以精通一门，熟悉其他的，进军大公司。

网页开发工具：

学习web前端开发，网页开发工具有FrontPage，会用 Word 的人很容易学会FrontPage。还有一个常用的是Dreamweaver。这两种都是使用最多的HTML网页制作工具，我使用的是Dreamweaver cs6,因为这套软件提供了一套直观的可视界面，融合了html5一些新的内容。包括网格布局什么的。看书的话推荐：js入门经典等。

基础知识：

1. htmlcss。

2、JavaScript。不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 w3school上学习。

3、Photoshop、flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行。

4、html5和css3。可以先了解一下，然后再入手。毕竟IE的浏览器大多还不支持。

5、浏览器兼容。懂web标准，熟练手写 xhtml css3 并符合 符合w3c标准。代码能兼容主流浏览器Firfox，Chrome、Safari、IE、Opera。虽然IE6很多都不兼容，但现在还使用的人还是有的。

6、熟悉一门后台编程语言 asp、php、jsp等

移动端HTML5如何开发跟PC端有什么区别

移动端HTML5如何开发？跟PC端有什么区别

PC和mobile上是有区别的。 网页主要体现在倍率上，还有HTML5兼容问题。 iphone4s倍率是2x，即2倍； iphone6倍率是2x； iphone 6 plus 倍率是3x； 安桌上 hdpi倍率是1.5x； xhdpi倍率是2x； xxhdpi倍率是3x； 要想图片在mobile上得到图片的原始清晰度，和大小，那么他和PC上1x倍率的图片对应关系是； PC：像素 =像素 * 倍率； 例如：100px = 100px * 2 =》iphone6；这样清晰度和大小看起来都一样。 这样同一张图，在电脑上你是100px宽高，在iphone6上你就是200px的宽高，看起来清晰度差不多，若你将100px的图片不变放到iphone6上，那么他会变得比想象中小。若你又不想增加宽度200px达到目的，那么你可以按照如下解决问题。 解决手机上全屏显示（小图适配显示，会放大，牺牲清晰度为代价）的方法是在head中加入 《meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"》 。 meta告诉浏览器设备初始时候无缩放，最大缩放为原始大小，用户不可以缩放。 我仅给你讲解有很大倍率区别，需要专业学习倍率。 至于5和一些标签，js的兼容就容易理解多了。 PC要考虑IE8只兼容部分5标签，IE9也不够完全。 其他一些 flash运用，交互也是有区别的。 iphone不知道flash，上系上js多了触控事件，PC的是点击事件等

需要学习5标签的使用，跟PC端常用的x标签很大不同，一些新样式可以用，可以实现更多交互的场景应用

web前端和HTML5开发有什么区别

HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准，开发人员可以轻松调试修改。 web前端开发，所涵盖的范围比5更加大。web前端开发还包括了其它技能，比如说后台，css，div等都是属于web前端开发的，5和其它技能都是一样的，是属于web前端开发的一种技术，就是平时所说的移动端的网页制作，简称H5。

web前端和5开发有什么区别

5是属于web前端开发的一部分，万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，就是所说的5. HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准，开发人员可以轻松调试修改。这也是国内市场web前端开发火爆的原因之一：5在国内的火爆。 至于web前端开发，所涵盖的范围比5更加大。web前端开发还包括了其它技能，比如说后台，css，div等都是属于web前端开发的，5和其它技能都是一样的，是属于web前端开发的一种技术，就是平时所说的移动端的网页制作，简称H5。

移动端联盟 跟pc端联盟有什么区别

亲，移动端就是手机端打开的广告，PC就是电脑端上看到的广告。就这个区别。。。。。

5和前端有什么区别？

HTML5是HTML标准，它本身是一项标准化协议，然而被炒热后登上了互联网行业的招聘条目，HTML5开发这个名词本身就是不专业的称呼，通常意义上指使用HTML5等较为潮流的技术进行前端开发。

而web前端，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。

5跟有什么区别

一个主pc端，一个主手机端，h5一般都是用于手机端的，大部分都是企业招聘宣传用

HTML 是用来描述网页的一种语言，是超文本标记语言: HyperText Markup Language，HTML 不是一种编程语言，而是一种标记语言。 HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定，HTML5的设计目的是为了在移动设备上支持多媒体，增加了许多的描述型标签，HTML5 是下一代 HTML 标准。 希望对你有帮助，望采纳！

移动客户端的网页是怎么做出来的

从一个完整项目的角度来分析：

1、前端：移动前端实现代码和PC端有些许不同，首先是html的写法，移动端的html尽量采用简单的标签，手机页面布局都是块状或者流式的，层次很分明，不像PC上排列那么复杂；其次是css的写法，css不用考虑各个浏览器的兼容性，往往是谷歌、苹果支持的就差不多了；最后是js的写法，手机页面的js事件和PC端不同，多了个触摸效果，这个可以借助js手机框架来实现，这样可以提高效率；综合来看，无论是移动前端还是传统的PC前端，开发模式都是差不多的，如果借助angular、react等模块化开发组件，就是另一回事了。

2、后端：移动前端和后端的交互通过ajax请求来实现，具体不详细说明。

3、还有一种就是webapp，也就是用网页做出来的安装包，伪装成真正的app一样，这样的网页开发就要调用一些安卓的api接口，最好是采用第三方开源框架，比如APICloud之类的。

什么是移动前端开发

问题一：移动前端开发和 Web 前端开发的区别是什么 可以分成两部分理解 1.服务器端开发，也叫后台开发，这是唯一的，对应不同的平台，他负责数据的分发与存储，和一些逻辑的处理.逻辑处理的多少由业务的复杂程度决定。服务端相对独立，与平台没啥关系. 2..1中不同的平台指web平台、移动设备平台等，移动设备又可分为andriod平台、iPhone平台等 每个平台都有自己的规范和开发技术。web平台的规范是键盘+鼠标，开发技术是html+css+javascript；移动设备平台的规范是键盘+手指（触摸和手势），技术iphone是Objective-C，android是java。 业界很少有说移动web前端开发的，都是移动web开发.而web app特指的是用html5技术开发，之所以叫web app是因为他比较接近客户端应用程序的用户体验，可以和系统深度融合，调用一些只有客户端才能调用的功能（比如在移动设备上利用html5开发出的网页可以访问电话、摄像头等本地功能）. 通常你看到的一些文章中会提到web app 和native app,这里的web app指的是mobile web app,而移动web和web开发没本质的区别，但需要不同的开发框架，以解决在移动设备上的适配问题和一些特殊的操作以及功能调用。 最后总结一下，web开发利用的是基于浏览器的网页语言技术，native app开发利用的是基于操作系统的程序语言技术，web app介于两者之间.当然现在比较流行混合型app，这个可以多百度一下. 问题二：移动前端开发和 Web 前端开发的区别是什么 前端是个很大的概念，我的理解是用户能够看到，直接接触到的层面都算是前端，比如IOS客户端界面，安卓客户端界面，网页界面，甚至PC/MAC 桌面端软件界面； 现在最常见的说法一般是指Web前端，有PC端的就是浏览器打开的网页 html +js +css ,也有针对于手机网页开发的工作。 移动平台前端开发是指针对高端智能手机（如Iphone、Android）做站点适配也就是WebApp，并非是针对普通手机开发Wap 2.0，所以在阅读本篇文章以前，你需要对webkit内核的浏览器有一定的了解，需要对HTML5和CSS3有一定的了解。 移动前端开发目前还分两大阵营，一个是Android，一个是iOS,其实还有wp(window phone)这个是不是被人给忘记了 总结： 移动前端开发 主要来说的是Native Client的开发Android为Java，iOS为Objective-C，然后么HTML5应用号称跨平台其实差异很大。 Web前端开发么基本上就是HTML JavaScript CSS，不过有些人把Servelt/JSP, PHP,Ruby,Python,C#之类的只要关系到页面的也叫做Web前端开发。 问题三：移动前端开发和 Web 前端开发的区别是什么 移动开发如果是开发webview页面，那和web前端几乎没差别，现在无论移动端和web端都强调自适应。甚至在web端一次开发的网页，都可以在移动端完美display，用的比较多的是bootstrap栅格式布局； 当然如果移动开发是拖拖控件做前端的话，有点类似于早年微软silverlight的开发，这和web前端是差别比较大的。 问题四：移动前端开发和 Web 前端开发的区别是什么 用的开发语言不一样。 移动前端通常是指Android、ios、 windows phone 开发语言分别是Java、Object-C、C#。 web前端开发是网页开发。 开发语言是html语言，javascript脚本等。 问题五：移动前端开发和 Web 前端开发的区别是什么? 移动前端开发？就是指iOS/Android开发吧。 这两者都是基于操作系统开发的(native)，而Web是基于HTML等web标准的。 Android代码写了就是给Android用的，iOS代码也一样。而Web是一套代码适应不同标准。 性能也不一样。native的会比web快。 其他想 问题六：移动前端开发和 Web 前端开发的区别是什么 移动前端开发 主要来说的是Native Client的开发Android为Java，iOS为Objective-C，然后么HTML5应用号称跨平台其实差异很大。Web前端开发么基本上就是HTML JavaScript CSS，不过有些人把Servelt/JSP, PHP,Ruby,Python,C#之类的只要关系到页面的也叫做Web前端开发。 问题七：移动前端开发和 Web 前端开发的区别是什么 前段开发可以分为移动端和pc端，一般移动端开发做app页面，或者微信小场景什么的，主要负责H5内嵌页面开发，pc端就是我们常用的电脑上的网页啊什么的，前端主要负责效果实现，页面布局，获取后台传的数据并填入页面，这是我的理解！ 问题八：移动前端开发和 Web 前端开发的区别是什么 移动前端开发和 Web 前端开发的区别是: 1、前端是相对比较大的概念，一般是指用户能够看到、直接接触的界面都算是前端，比如iOS界面，安卓界面，网页界面，PC/Mac桌面软件的界面。最常见的是Web前端，也就是针对于网页端开发的工作。 2、Web App即Web application，也就是以浏览器作为客户端的软件。例如，用桌面客户端来收发邮件，但也可以直接用浏览器登陆gmail或者QQ邮箱，直接使用网页版的软件来使用。总之就是使用网页版代替本地软件。 Mobile Web App就是在手机端打开的Web App。例如Gmail的移动端软件 3、目前，移动客户端的开发主要包括三种类型： Native App（原生APP）：也就是完全使用移动设备系统语言写的客户端。iOS系统就是使用Objective-C语言来编写本地应用，也可以使用苹果于2014年苹果开发者大会上发布的SWIFT语言；Android平台就是使用Java语言来开发。原生APP就是从界面到交互都是使用官方标准语言来编写，效率和稳定性都是最好的，但欠缺灵活性。 Web App：这个就是在移动浏览器里打开的，使用Web前端开发语言HTML CSS JavaScript来开发的，基本上就是个网页， Hybrid App：主要使用HTML5实现。一般使用Native语言实现一个容器，然后使用HTML CSS JS来实现用户界面和交互。这样方式既克服了Web App容器暴露偏底层的接口这样的问题，同时比起原生的开发灵活性要高。这样就更新可以更方便快捷，也不依赖于市场。例如，豌豆荚其实是个PC端的hybrid app 。 对于以上三种开发方式的比较和分析搜索引擎里面有太多的内容了，这里也就不再赘述了。 4、移动端网页布局方法与pc的差异。 主要是css方面，外加如何做到同一url，不同客户端展现不一致的做法，俗称pc和mobile都兼容。还有会说一下rem的相关用法和一段比较经典的rem.js 最后总结一下： 其实这两者最显著的区别就是，web app是不依赖于具体的设备的，通用性较强，只要手机或PC有相应内核的浏览器就基本OK。而mobile的app则依赖于具体的设备，一旦更换设备，需要重新下载才能继续使用。 移动前端开发 主要来说的是Native Client的开发Android为Java，iOS为Objective-C，然后么HTML5应用号称跨平台其实差异很大。 Web前端开发么基本上就是HTML JavaScript CSS，不过有些人把Servelt/JSP, PHP,Ruby,Python,C#之类的只要关系到页面的也叫做Web前端开发。 app是应用，每个操作系统有专门的开发工具和语言 web是网页，使用html+css+js，有工具可以生成转化为app，不过效果一般 问题九：移动前端开发和 Web 前端开发的区别是什么 1、要弄清区别，首先要知道前端和后端的概念： 1）Web前端: 顾名思义是来做Web的前端的。这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。 2）Web后端：后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。 2、实际的开发过程中，前端、后端开发人员所要具备的技能： 1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。 2）后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。 3、总结： web前端分为网页设计师、网页美工、web前端开发工程师 首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责 网页美工只针对UI这块的东西，比如网站是否做的漂亮 web前端开发工程师是负责交互设计的，需要和程序员进行交互设计的配合。 web前端需要掌握的有脚本技术javascript DIV+CSS现下最流行的页面搭建技术，ajax和jquery以及简单的后端程序等。 后端的话可供开发的语言有 asp、php、jsp、.NET 这些后端开发语言的话搭建环境都不一样 问题十：移动前端开发和 Web 前端开发的区别是什么 20分 移动客户端的开发类型，主要是三种：Native App（原生APP），也就是完全使用移动设备系统语言写的客户端，iphone iPad就是纯Object-C，安卓就是纯JAVA, 就是用户看到的界面啦体验到的交互啦都是原生的。这是性能最棒的开发方式，但灵活性就没下面的好。 web App, 这个就是在移动浏览器里打开的，纯HTML+CSS+JS，说白了就是个网页，只不过非常的富应用，比如手机浏览器访问的GMAIL啥啥的。但说白了就是在浏览器里打开的页面。。ios支持可以在桌面创建访问的快捷方式，但是说到底还是打开Safari跑。。而且对设备硬件的接口什么的挺薄弱。 Hybrid App. 我觉得这个更为合适一些。实际上是使用原生写了一个容器，然后使用HTML+CSS+JS来实现用户界面和交互。Web App的短处便可以克服（因为自己写的容器可以辅助暴露偏底层的接口，比如本地存储或者麦克风控制之类），同时比起纯原生的java或者object-c开发灵活性要高（更新可以更快更迅速，也不依赖于市场，因为说白了，就是自己下载更新网页资源。。）实际上这种方式已经不限于移动端。。豌豆荚其实是个pc端的hybrid app 哇~~~ 而且说实在的，桌面开发的性能就现在来说要比移动好很多。。