手游客栈今日报道（2015.07.14）过去这些年，HTML5颠覆了PC互联网的格局，优化了移动互联网的体验，接下来，HTML5将颠覆原生App世界。这听起来有点危言耸听，但若认真分析HTML5的发展史，你会发现这个世界的发展趋势确实就是这样。

　　HTML5过去没发展起来，核心是这个问题，我们业内人称之为性工能缺失，性工能分别指性能、工具、能力。

　　性能：提升HTML5性能的手机端引擎，让侧滑菜单、下拉刷新等动态交互卡顿的问题得以解决；

　　工具：HTML5开发IDE产品HBuilder, 超快的编程利器；

　　能力：把40万原生API封装成JavaScript对象，以解决HTML5能力不足问题的Native.js技术；

　　最接近原生体验的高性能框架：MUI框架，体积只有几十K，加载、运行远快于一般框架。基于该方案开发的HTML5应用完全可以达到原生App的功能和体验。

　　HTML5 VS 原生APP之性能不足

　　我们先从能力不足说起。HTML5标准加上3大浏览引擎的扩展，一共是7w个语法，而原生，不管是ios还是Android，每个都有40w以上api。HTML5和原生，根本就不在一个重量级，HTML5如何打得赢。所以HTML5的工程师，只能郁闷的看着原生工程师做的应用有二维码、摇一摇、语音输入，你只能看着你做的产品被竞争对手的原生应用超越。业内也有一些产品基于HTML5封装了一些原生能力，但api数量也就在数百个左右。还有些产品使用hybrid方案，HTML5做一部分，原生做一部分。但这也不是HTML5工程师想要的。你说那些人怎么只封装几百个api，要是有人把40w原生api都封装成js的api，就该多好。

　　可是谁闲着没事封装那么多API呢？还得追踪手机OS的升级，ios9新增了5000个api，操作太麻烦。补齐能力，最简单的方式就是封装，类似phonegap/cordova，把原生api封装成js api。但是40w个api都封装吗？这工作量不可想象；而且全部封装后，包体积也不可想象。但是我们可以把常用的封装了。事实上大多数app开发遇到的HTML5标准未含的部分只有几百个api。并且我们把它做成公开标准，开放。那么剩下的几十万api呢？不要封装，我们突破了一种Native.js技术，让js可以直调40w原生api。

　　还有原生插件，开发者使用原生写的一些还不适合js做的事情，比如视频处理、ar增强现实，可以通过active plugin技术实现被js调用。

　　然后看Native.js技术，就是再往上一层的那个可以直接调40w原生api的技术。Native.js不是一个js框架，它类似于nodejs。Nodejs使用js语言，但让js可以开发服务器应用。Native.js也类似，也是js语言，标准js语法，但可以调用原生对象。从web前端到服务器、到原生app，看起来js真是无处不在了。

　　那么Native.js的代码到底怎么写。我们看到这里引用了原生的类名，定义了一个js变量ariprint，如果后续对这个变量后面敲点，就可以点出这个原生对象的各种方法。调用airprint、gamecenter，这都是ios专用api，然后看Android的那些专用api，创建桌面快捷方式，监听apk安装卸载。这里我给了一个稍微复杂点的示例，但可以看出Native.js能做什么，没什么不能做的，我们已经看出原来js是很强大的，能力上可以与原生拉齐。

　　HTML5 VS 原生APP之开发工具

　　下一个问题是性工能里的工具。

　　我们都知道HTML5的开发工具真是比不上原生开发的工具。不过这个问题也改观了。我们都知道，xcode、eclipse、vs，分别是ios、Android、wp的原生语言ide。为什么这些原生语言不用文本编辑器编程，而我们HTML工程师就在用文本编辑器？为什么？因为HTML最开始其实不是一个编程语言，确实用不着什么ide。但是发展到现在，7w多个语法，js越来越庞大，真开发一个达到原生水准的App，不是用以前习惯的文本编辑器能搞定的。你可能有一把很喜欢的瑞士军刀，小巧精致，但真打仗，还得使用机关枪。他们在很多方面都有非常大的区别。

　　由DCloud研发不到2年的时间HBuilder目前已经成为业内主流的HTML5开发工具。做前端开发不知道HBuilder已经很少了。HBuilder确实是最快的HTML开发工具。有很多优点。很多公司老板强制要求工程师使用HBuilder，因为这能大幅提升公司整体的开发效率。

　　HTML5 VS 原生APP之五端齐发

　　HTML5有一个非常非常重要的优势，就是5端齐发。来看这个案例，挑食火锅是一家很棒的专业做火锅送上门服务的公司。这个案例中，使用HBuilder开发了一套代码，同时发布了5个版本。Ios、Android、普通浏览器、微信版。它的ios和Android的客户端版本，是用HBuilder打包HTML成apk和ipa，它的体验和原生的体验是一模一样的。1个工程师、开发了1个月，1套代码，grunt编译，5端齐发。这堪得上是HTML5的最佳实践。

　　移动互联网是一个快鱼吃慢鱼的时代，谁对用户的需求满足的更快，谁的试错成本更低，谁就拥有巨大的优势。互联网产品大多免费、且有网络效应，后入者抢夺用户的难度非常大。使用原生开发，从招聘、开发、上线各个环节的效率都慢一倍以上，而且参与的人越多，沟通效率往往拖慢不止一倍。

　　很多人有这样的体会，一个原生应用上线Appstore，突然有一个大bug，只好连夜加班修复，然后静静等待2周或更长时间的Apple审核，这2个星期被用户的涂抹淹死，市场上一片差评，用户大量流失。等新应用被审核上线了，用户已经卸载了。但是，HTML5没有这些问题，你可以实时更新，有问题立即响应。

　　互联网和移动互联网还是有明显差异的，在当下的移动互联网趋势下，从有限用户中挖掘无穷价值，通过移动工具精准捕捉嵌入用户使用场景，最大化价值挖掘能力。这套移动互联网的方法论如何在HTML5这个细分行业内发挥作用也是非常值得大家去思考的。

　　10年前如果有人说，手机上网将超越pc上网，人们会说这人疯了，手机上网不过是pc上网的补充。今天，人们还会说这人疯了吗？不会了。HTML5的未来也一样，因为它代表了社会的生产力和生产效率的进步方向，它的前进是不可阻挡的。当然颠覆也并不是说原生app将消失，还是会有一些app仍然是原生开发的，只不过大部分app将变为HTML5。