跨端技术概述 | 青训营笔记

89 阅读2分钟

这是我参与第五届青训营 伴学笔记创作活动的第9天 为什么要跨端技术,随着业务场景和技术进步,端越来越多,如PC端(Windows、Mac),移动端(Android、IOS)、Web端、IoT设备(车载、手表)等,一款软件在多端进行,功能基本相似,但是在每个端都要编写一套代码,而且维护成本很高,跨端技术我们使用一套代码可以多端运行。 跨端技术有4种方案 Hybrid方案 基于WebView渲染,通过JS Bridge把一部分系统能力开放给JS调用 原生渲染方案 使用JS开发,通过中间层桥接后使原生组件来渲染UI界面

  • React Native

    • Facebook于2015年发布的开源JS框架,实现JS和Reac移动应用的跨平台开发
    • 原理:原生组件渲染(OEM widgets)效率比WebView高,但能力受限
    • JSI:JavaScript Interface 直接操作C++对象,性能优化的产物
    • FABRIC:桥接层
    • TURBO MOUDULES:逻辑代码 自渲染方案 利用Skia重新实现渲染管线,不依赖原生组件
  • Flutter

    • Google在2018年公布的开源框架,一套代码库就能构建原生平台编译的多平台应用 小程序方案 使用小程序DSL+JS开发,通过中间层桥接后调用原生能力,使用WebView来渲染UI界面 -字节小程序
    • 多个渲染层WebView(区别Hybrid)
    • 逻辑层JSC(JavaScript Core)
    • 对接Native平台 小程序性能优化的意义:留住用户,提升转化率和用户体验 总的来说,随着端的增加,跨端技术的应用也会越来越多,有必要掌握一些相关技术。现如今跨端的需求是很强烈的,跨端技术方案也会不断地迭代,所以还是得好好学习,基础也很重要,因为只有你自己能写好一套代码,就可以借助跨端技术多端运行了.