移动前端开发和Web前端开发的区别
移动前端开发和Web前端开发的区别是:
1、前端是相对比较大的概念，一般是指用户能够看到、直接接触的界面都算是前端，比如iOS界面，安卓界面，网页界面，PC/Mac桌面软件的界面。最常见的是Web前端，也就是针对于网页端开发的工作。
2、WebApp即Webapplication，也就是以浏览器作为客户端的软件。例如，用桌面客户端来收发邮件，但也可以直接用浏览器登陆gmail或者QQ邮箱，直接使用网页版的软件来使用。总之就是使用网页版代替本地软件。
MobileWebApp就是在手机端打开的WebApp。例如Gmail的移动端软件
3、目前，移动客户端的开发主要包括三种类型：
NativeApp（原生APP）：也就是完全使用移动设备系统语言写的客户端。iOS系统就是使用Objective-C语言来编写本地应用，也可以使用苹果于2014年苹果开发者大会上发布的SWIFT语言；Android平台就是使用Java语言来开发。原生APP就是从界面到交互都是使用官方标准语言来编写，效率和稳定性都是最好的，但欠缺灵活性。
WebApp：这个就是在移动浏览器里打开的，使用Web前端开发语言HTMLCSSJavaScript来开发的，基本上就是个网页，
HybridApp：主要使用HTML5实现。一般使用Native语言实现一个容器，然后使用HTMLCSSJS来实现用户界面和交互。这样方式既克服了WebApp容器暴露偏底层的接口这样的问题，同时比起原生的开发灵活性要高。这样就更新可以更方便快捷，也不依赖于市场。例如，豌豆荚其实是个PC端的hybridapp。
对于以上三种开发方式的比较和分析搜索引擎里面有太多的内容了，这里也就不再赘述了。
4、移动端网页布局方法与pc的差异。
主要是css方面，外加如何做到同一url，不同客户端展现不一致的做法，俗称pc和mobile都兼容。还有会说一下rem的相关用法和一段比较经典的rem.js
最后总结一下：
其实这两者最显著的区别就是，webapp是不依赖于具体的设备的，通用性较强，只要手机或PC有相应内核的浏览器就基本OK。而mobile的app则依赖于具体的设备，一旦更换设备，需要重新下载才能继续使用。
移动前端开发主要来说的是NativeClient的开发Android为Java，iOS为Objective-C，然后么HTML5应用号称跨平台其实差异很大。
Web前端开发么基本上就是HTMLJavaScriptCSS，不过有些人把Servelt/JSP,PHP,Ruby,Python,C#之类的只要关系到页面的也叫做Web前端开发。
app是应用，每个操作系统有专门的开发工具和语言
web是网页，使用htmlcssjs，有工具可以生成转化为app，不过效果一般
绛旓細Web鍓嶇寮鍙涓昏閽堝鐨勬槸浼犵粺鐨勬闈㈡祻瑙堝櫒鐜锛岃绉诲姩鍓嶇寮鍙鍒欎富瑕侀拡瀵圭殑鏄Щ鍔ㄨ澶囷紝濡傛櫤鑳芥墜鏈哄拰骞虫澘鐢佃剳銆傚紑鍙戠幆澧冿細瀵逛簬Web鍓嶇寮鍙戯紝浣犻氬父浼氫娇鐢ㄥ悇绉嶆祻瑙堝櫒鏉ユ祴璇曞拰杩愯浣犵殑浠ｇ爜锛屾瘮濡侰hrome銆丗irefox绛夈傝屽浜庣Щ鍔ㄥ墠绔紑鍙戯紝浣犻渶瑕佸湪鐪熷疄鐨勭Щ鍔ㄨ澶囦笂鎴栨ā鎷熷櫒涓婅繘琛屾祴璇曘傝璁¤冭檻锛氬湪鐣岄潰璁捐鍜岀敤鎴...
绛旓細1銆佷笟鍔＄殑搴旂敤鍦烘櫙 web鍓嶇寮鍙涓昏鎸囦紶缁熺殑PC绔綉椤靛紑鍙戯紝椤甸潰涓昏鏄繍琛屽湪PC绔祻瑙堝櫒涓紝绉诲姩鍓嶇寮鍙鍑烘潵鐨勯〉闈富瑕佹槸杩愯鍦ㄦ墜鏈轰笂锛涚洿瑙備笂浼氭劅瑙夛紝PC绔〉闈㈠ぇ涓浜涳紝绉诲姩绔〉闈㈠皬涓浜涳紝浣嗘槸鏍规嵁寮鍙戠粡楠岋紝椤甸潰澶у彲骞朵笉浠ｈ〃涔﹀啓鐨勪唬鐮佸鏉傦紝椤甸潰灏忎篃骞朵笉鎰忓懗鐫寮鍙戠畝鍗曪紝闅句笌鏄撲富瑕佽繕鏄彇鍐充簬鍏蜂綋鐨勪笟鍔￠渶...
绛旓細1銆佹墜鏈虹綉椤靛紑鍙戙傝繖閮ㄥ垎璺焪eb鍓嶇寮鍙宸埆涓嶅ぇ锛屼娇鐢ㄧ殑鎶鏈兘鏄痟tml+css+js銆傚尯鍒负鎵嬫満娴忚鍣ㄦ槸webkit鐨勫ぉ涓嬶紝pc绔槸IE鐨勫ぉ涓嬨傛墜鏈虹綉椤靛彲浠ョ悊瑙ｆ垚pc缃戦〉鐨勭缉灏忕増鍔犱竴浜涜Е鎽哥壒鎬с傚洜涓烘槸鍦ㄦ祻瑙堝櫒涓繘琛岀殑缃戦〉寮鍙戯紝鎵鏈夋渶缁堜唬鐮佸叿鏈夎法绯荤粺骞冲彴鐨勭壒鎬с2銆乤pp鍓嶇寮鍙戙備娇鐢ㄧ殑鎶鏈篃鏄痟tml+css+js锛屼絾瀹...
绛旓細绉诲姩鍓嶇寮鍙戝拰 Web 鍓嶇寮鍙戠殑鍖哄埆鏄:1銆佸墠绔槸鐩稿姣旇緝澶х殑姒傚康锛屼竴鑸槸鎸囩敤鎴疯兘澶熺湅鍒般佺洿鎺ユ帴瑙︾殑鐣岄潰閮界畻鏄墠绔紝姣斿iOS鐣岄潰锛屽畨鍗撶晫闈紝缃戦〉鐣岄潰锛孭C/Mac妗岄潰杞欢鐨勭晫闈傛渶甯歌鐨勬槸Web鍓嶇锛屼篃灏辨槸閽堝浜庣綉椤电寮鍙戠殑宸ヤ綔銆2銆乄eb App鍗砏eb application锛屼篃灏辨槸浠ユ祻瑙堝櫒浣滀负瀹㈡埛绔殑杞欢銆備緥濡傦紝...
绛旓細绉诲姩鍓嶇寮鍙戝拰Web鍓嶇寮鍙戠殑鍖哄埆鏄細绉诲姩绔墠绔紑鍙戞槸鍋氭墜鏈虹綉椤电殑鍓嶇寮鍙 Web鍓嶇寮鍙戞槸妗岄潰缃戦〉鐨勫墠绔紑鍙 鏈嶅姟鍣ㄧ寮鍙戯紝涔熷彨鍚庡彴寮鍙戯紝杩欐槸鍞竴鐨勶紝瀵瑰簲涓嶅悓鐨勫钩鍙帮紝浠栬礋璐ｆ暟鎹殑鍒嗗彂涓庡瓨鍌紝鍜屼竴浜涢昏緫鐨勫鐞嗭紝閫昏緫澶勭悊鐨勫灏戠敱涓氬姟鐨勫鏉傜▼搴﹀喅瀹 鏈嶅姟绔浉瀵圭嫭绔嬶紝涓庡钩鍙版病鍟ュ叧绯 涓婅堪涓笉鍚岀殑骞冲彴...
绛旓細涓銆佹柟寮忎笉鍚岋細鍓嶇寮鍙戜富瑕佹槸鐮旂┒鐢ㄦ埛鍙互鐪嬪埌鐨勫墠绔樉绀虹晫闈傚悗绔紑鍙戜富瑕侀泦涓湪閫昏緫鍔熻兘绛夋ā鍧椾笂锛岀敤鎴风湅涓嶅埌鐨勮繖浜涙ā鍧椼備簩銆佹妧鏈笉鍚岋細鍓嶇寮鍙戠殑鎶鏈富瑕佸寘鎷絾涓嶉檺浜巋tml5銆乧ss3銆乯avascript銆乯query銆丅ootstrap绛夋妧鏈傝屽悗绔紑鍙戞槸浠ava涓轰緥鐨勶紝涓昏鐢ㄥ埌鐨勬妧鏈寘鎷絾涓嶉檺浜嶴truts spring spring...
绛旓細绉诲姩鍓嶇寮鍙戝拰 Web 鍓嶇寮鍙戠殑鍖哄埆鏄細 绉诲姩绔墠绔紑鍙戞槸鍋氭墜鏈轰腑鍥介〉鐨勫墠绔紑鍙戙俉eb鍓嶇寮鍙戞槸妗岄潰涓浗椤电殑鍓嶇寮鍙戙 鏈嶅姟鍣ㄧ寮鍙戯紝涔熷彨鍚庡彴寮鍙戯紝杩欐槸鍞竴鐨勶紝瀵瑰簲涓嶅悓鐨勫钩鍙帮紝浠栬礋璐ｆ暟鎹殑鍒嗗彂涓庡瓨鍌紝鍜屼竴浜涢昏緫鐨勫鐞嗭紝閫昏緫澶勭悊鐨勪腑鍥界敱涓氬姟鐨勫鏉傜▼搴﹀喅瀹氥傛湇鍔＄鐩稿鐙珛锛屼笌骞冲彴娌″暐鍏崇郴銆
绛旓細绉诲姩鍓嶇寮鍙戝拰web鍓嶇寮鍙鍖哄埆濡備笅锛1銆侀鍏堬紝瑕佷簡瑙ｇЩ鍔ㄧweb寮鍙戝拰PC绔web寮鍙戠殑鐗圭偣鍖哄埆鍦ㄥ摢鍎匡紵灏卞奖鍝嶅墠绔殑涓や釜鏈澶х殑鐗圭偣灏辨槸锛1锛夌綉缁滅壒鐐癸細PC绔甫瀹介珮锛岀綉缁滆繛鎺ョ浉瀵圭ǔ瀹氾紱鑰岀Щ鍔ㄧ甯﹀浣庯紝缃戠粶涓嶇ǔ瀹氾紝闂存瓏鎬ц繛閫氥2锛夊垎杈ㄧ巼锛歅C绔垎杈ㄧ巼鐩稿鍥哄畾锛1440*900锛夛紱鑰岀Щ鍔ㄧ涓嶅悓鎵嬫満鍝佺墝鐢氳嚦鍚屼竴...
绛旓細涓氱晫寰堝皯鏈夎绉诲姩web鍓嶇寮鍙戠殑锛岄兘鏄绉诲姩web寮鍙.鑰寃ebapp鐗规寚鐨勬槸鐢╤tml5鎶鏈紑鍙戯紝涔嬫墍浠ュ彨webapp鏄洜涓轰粬姣旇緝鎺ヨ繎瀹㈡埛绔簲鐢ㄧ▼搴忕殑鐢ㄦ埛浣撻獙锛屽彲浠ュ拰绯荤粺娣卞害铻嶅悎锛岃皟鐢ㄤ竴浜涘彧鏈夊鎴风鎵嶈兘璋冪敤鐨勫姛鑳斤紙姣斿鍦ㄧЩ鍔ㄨ澶囦笂鍒╃敤html5寮鍙戝嚭鐨勭綉椤靛彲浠ヨ闂數璇濄佹憚鍍忓ご绛夋湰鍦板姛鑳斤級.閫氬父浣犵湅鍒扮殑涓浜涙枃绔犱腑浼氭彁鍒...
绛旓細姣忎釜骞冲彴閮芥湁鑷繁鐨勮鑼冨拰寮鍙戞妧鏈倃eb骞冲彴鐨勮鑼冩槸閿洏榧犳爣锛屽紑鍙戞妧鏈槸htmlcssjavascript锛涚Щ鍔ㄨ澶囧钩鍙扮殑瑙勮寖鏄敭鐩樻墜鎸囷紙瑙︽懜鍜屾墜鍔匡級锛屾妧鏈痠phone鏄疧bjective-C锛宎ndroid鏄痡ava銆備笟鐣屽緢灏戞湁璇绉诲姩web鍓嶇寮鍙戠殑锛岄兘鏄绉诲姩web寮鍙.鑰寃eb app鐗规寚鐨勬槸鐢╤tml5鎶鏈紑鍙戯紝涔嬫墍浠ュ彨web app鏄洜涓轰粬姣旇緝鎺ヨ繎瀹㈡埛...
