黑马程序员技术交流社区

标题: 移动前端开发与web前端的开发的区别 [打印本页]

作者: 等风初赵 时间: 2019-7-15 09:43
标题: 移动前端开发与web前端的开发的区别
前端是个很大的概念，我的理解是用户能够看到，直接接触到的层面都算是前端，比如IOS客户端界面，安卓客户端界面，网页界面，甚至PC/MAC 桌面端软件界面；现在最常见的说法一般是指Web前端，也就是针对于网页端开发的工作。

也有个说法就是前端就是大前端嘛，如果你的工作真的那么赞的话，那就包括了web啦安卓啦ios啦甚至pc mac客户端的界面啦。但我觉得现在一般大家都还是有专攻的。

Web App指的是【Web application】，也就是以浏览器作为客户端的软件。比如你要写文档，一般会打开Office 2012之类的本地软件；但是你也可以选择在浏览器里输入一个网址，比如我很喜欢StackEdit — *smart* markdown editor ，然后直接在里面写东西直接发布到gist上；再比如用桌面客户端来收发邮件，但你也可以直接用浏览器登陆gmail亦或者QQ邮箱，直接把这个当客户端用。总之就是使用网页版代替本地软件。

Mobile Web App 当然就是指在手机端打开的Web App啦。我推荐看看Gmail的移动版。
移动客户端的开发类型（因为我是个前端所以我是站在前端立场上来说的哈），主要是三种：

Native App（原生APP），也就是完全使用移动设备系统语言写的客户端，iPhone iPad就是纯Object-C，安卓就是纯JAVA, 就是用户看到的界面啦体验到的交互啦都是原生的。这是性能最棒的开发方式，但灵活性就没下面的好。

Web App, 这个就是在移动浏览器里打开的，纯HTML+CSS+JS，说白了就是个网页，只不过非常的富应用，比如手机浏览器访问的GMAIL啥啥的。但说白了就是在浏览器里打开的页面。。IOS支持可以在桌面创建访问的快捷方式，但是说到底还是打开Safari跑。。而且对设备硬件的接口什么的挺薄弱。

Hybrid App.[HTML5 in mobile devices] 我觉得这个更为合适一些。实际上是使用原生写了一个容器，然后使用HTML+CSS+JS来实现用户界面和交互。Web App的短处便可以克服（因为自己写的容器可以辅助暴露偏底层的接口，比如本地存储或者麦克风控制之类），同时比起纯原生的java或者object-c开发灵活性要高（更新可以更快更迅速，也不依赖于市场，因为说白了，就是自己下载更新网页资源。。）实际上这种方式已经不限于移动端。。豌豆荚其实是个pc端的hybrid app 哇~~~ 而且说实在的，桌面开发的性能就现在来说要比移动好很多。。

以上三种开发方式的比较和分析谷歌里面一搜一大堆我就不废话啦哈。我记得2011年的Google io上就有一场talk是android native和web app等开发方式的大PK。

作者: 翻滚君 时间: 2019-7-16 16:37
选择了，便走下去。

作者: 柠檬leung不酸 时间: 2019-7-18 11:59
加油，一起学习丫

作者: chengjiayu 时间: 2019-7-23 11:31
加油小老弟

作者: 398580721 时间: 2019-7-23 11:56
加油加油，你是最棒的

作者: DarkHorse0 时间: 2019-7-25 12:57
星河滚烫，你是人间理想

作者: 线清新 时间: 2019-7-25 17:18
你偶尔可恶，永远可爱

作者: 卡哇伊伊 时间: 2019-7-31 12:13
发光并非太阳的专利，你也可以发光。加油

作者: 柠檬leung不酸 时间: 2019-8-7 10:31
故天将降大任于斯人也，必先苦其心志，劳其筋骨，饿其体肤，空乏其身，行拂乱其所为，所以动心忍性，曾益其所不能。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2