web框架的作用 移动端跨平台开发的深度解析(2)

flutter是Google跨平台移动UI框架，Dart作为谷歌的亲儿子，毫无疑问Dart成为flutter的编程语言，如下图，作为巨头新生儿，在flutter官网也可以看出，flutter同样“心怀天下”。

??

Facebook 出品，JavaScript语言，JSCore引擎，React设计模式，原生渲染

通过xamarin，开发者只需使用c#语言即可开发出ios、android、mac及windows原生app，不仅可以实现“一次编写，随处运行”，更可达到原生ui的跨平台效果。

但今年早期，更多的手机页游开发者是从h5转化过来，产品量级、产品类型并没有真正符合原生厂商的规模和标准，所以才需要过渡时间。

将请求转发给指定web站点程序（后者由web开发者编写，负责处理请求）。

11、react native开发跨平台github app。

??总结起来其实就是利用 JS 来调用 Native 端的组件，从而实现相应的功能。

??如下图所示，react native 的跨平台是实现主要由三层构成，其中 C++ 实现的动态连结库(.so)，作为中间适配层桥接，实现了js端与原生端的双向通信交互。这里最主要是封装了JavaScriptCore执行js的解析，而 react native 运行在JavaScriptCore中，所以不存在浏览器兼容的问题。

支持触摸事件的浏览器包括ios版safari、android版webkit、beta版dolfin、os6+中的blackberry webkit、opera mobile 10.1和lg专有os中的phantom浏览器。

平板电脑相信大家应该已经很熟悉了吧，目前平板电脑搭载的操作系统主要有android系统、ios系统和windows系统，其中搭载android系统和ios系统的平板电脑，由于和我们的手机系统相似，所以在娱乐体验上有明显的优势。

指的是android系统和ios系统在手机上的使用，这对于计划在市场上发布android系统和ios系统手机应用是有帮助的，或者这针对于这些设备的广告活动可能是有用的。

在样本系统选取上，为何选择android系统而非ios系统，负责白皮书撰写工作的朱易翔表示：“从使用数量上看，在中国，android用户群多于ios用户，影响范围会更广泛，更具有代表性。

??和前端开发不同，react native 所有的标签都不是真实控件，JS代码中所写控件的作用，类似 Map 中的 key 值。JS端通过这个 key 组合的 Dom ，最后Native端会解析这个 Dom ，得到对应的Native控件渲染，如 Android 中<view>标签对应ViewGroup控件。

??在 react native 中，JS端是运行在独立的线程中（称为JS Thread ）。JS Thread 作为单线程逻辑，不可能处理耗时的操作。那么如fetch、图片加载、数据持久化等操作，在 Android 中实际对应的是okhttp、Fresco、SharedPreferences等。而跨线程通信，也意味着 Js Thread 和原生之间交互与通讯是异步的。

??可以看出，跨平台的关键在于C++层，开发人员大部分时候，只专注于JS 端的代码实现。 在原生端提供的各种 Native Module 模块（如网络请求，ViewGroup控件），和 JS 端提供的各种 JS Module（如JS EventEmiter模块），都会在C++实现的so中保存起来，双方的通讯通过C++中的保存的映射，最终实现两端的交互。通信的数据和指令，在中间层会被转为String字符串传输，双向的调用流程如下图。

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-91693-2.html