Cordova和React-Native对比
<p>Cordova 和 React-Native 是使用 Web 开发移动端的两大框架。 Cordova 是 Apache 旗下的。 React-Native 是 非死book 旗下的。两者皆开源。下面的内容主要记录了这两大框架的优劣。以及移动端开发中有关 WebView 比较可行的几种选择。 Cordova文档 , React-Native文档 。</p> <h2><strong>对比</strong></h2> <h3><strong>跨平台特性</strong></h3> <ul> <li>Cordova: write once, run anywhere ( 一次开发,随处运行)</li> <li>React-Native: Learn once, write anywhere ( 一次学习,随处开发)</li> </ul> <h3><strong>功能支持</strong></h3> <ul> <li>Cordova: 基本功能完全具备,对于底层,如摄像头之类的,需要插件。</li> <li>React-Native: 完全支持。 Android 端不是很完善。</li> </ul> <h3><strong>风险程度</strong></h3> <ul> <li>Native 比 cordova 高。</li> </ul> <h3><strong>开发成本</strong></h3> <ul> <li>Cordova: 完全基于 html,css,js 。写一次代码,两个平台都适用。</li> <li>React-Native: 具有相同语法体系,但需要根据不同平台编写不同代码。</li> </ul> <h3><strong>运行速度</strong></h3> <ul> <li>Cordova: 相对较慢</li> <li>React-Native: 跟 Native 基本相当。</li> </ul> <h2><strong>WebView问题</strong></h2> <p>因为 Android WebView 和 IOS 的 UIWebView 内存泄露的问题。所以在选择内核的时候,使用原生的 WebView 内存泄露很明显。并且不易解决。 IOS8+ 之前,同样有大量内存泄露。分别看一下Android和IOS系统比例图:</p> <ul> <li> <p>Android</p> <p><img src="https://simg.open-open.com/show/01d0419c6a110530c44c90aacf2cd2e2.png"></p> </li> <li> <p>IOS</p> <p><img src="https://simg.open-open.com/show/57587b78a4584c80e0a74265004de4ab.png"></p> </li> </ul> <p>如果要考虑 Android4.4 以下的设备和 IOS8+ 设备。因为前后的运行内核不一。性能不一。以及国内厂商对于系统的深度定制,不同的渲染。 app 最好有专门的内核。保证拥有一致性的体验。有如下几个选择:</p> <h3><strong>使用 Crosswalk 开源 web 引擎。</strong></h3> <p>优势</p> <ol> <li>更丰富的 HTML5 特性支持。包括 WebGL,WebAudio,WebRTC,Gamepad,WebSocket 等等。</li> <li>使用 Crosswalk 可以保持平台的一致性。</li> </ol> <p>劣势</p> <ol> <li>打包后的 app 体积增加 20M-30M 。</li> <li>Crosswalk lite 针对上面第一条, CrossWalk 提出了 Shared Mode 和 Crosswalk lite 解决方案。体积可以减少到只增加10M左右。</li> </ol> <h3><strong>使用腾讯 TBS 浏览服务</strong></h3> <p>优势</p> <ol> <li>速度快:相比系统 webView 的网页加载速度有近30%的提升。</li> <li>大小只有 253K。</li> <li>省流量:云端优化技术使流量节省20%。</li> <li>更安全:24小时安全问题解决机制。</li> <li>更稳定:经过亿级用户的使用考验,CRASH率0.15%。</li> <li>集成强大的视频播放器,支持各种视频格式直接打开。</li> <li>适屏排版、字体设置等浏览增强功能的提供。</li> <li>Html5更完整支持。</li> <li>无系统内核的碎片化问题,更少的兼容性问题劣势。</li> <li>X5SDK是通过调用微信/手机QQ/空间的X5内核。如果手机没有安装腾讯相关软件。这个就不能使用。</li> </ol> <p>劣势</p> <ol> <li>手机中必须安装有腾讯的服务。</li> </ol> <p> </p> <p>来自:http://blog.jiangtao.tech/2016/11/01/Cordova和React-Native对比/</p> <p> </p>
本文由用户 xplore0317 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!