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

96 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第10天

跨段是什么?

跨段背景

随着业务发展,出现了越来越多的业务场景,同时随着技术的发展,各种各样的端涌现出来,PC端,移动端,web端,IOT端等等。

虽然一个软件在不同端的功能都是相似的,但是每个端都需要独立配备一个研发人员,浪费了许多人力,而且开发和维护的成本十分高昂移动端的开发周期长。因为以上的痛点,从业者们就想出了跨端的解决方案。

跨段技术方案概括

由上述的痛点,总结出了以下几点技术方案

  1. 研发效率高
    • 学习成本低
    • 多段一致性高
  2. 用户体验好
    • 稳定性好
    • 性能体验好
  3. 动态化
    • 支持动态化,满足日益增长的业务需求(有提升空间)

跨段技术方案介绍

本课程中,介绍了四种跨段技术方案:hybrid方案;原生渲染方案;自渲染方案;小程序方案。

hybrid方案

简介:基于WebView渲染,通过JS Bridge把一部分系统能力开放给JS调用。

image.png

优点:

  • 前端开发者十分友好
  • 在实现页面跨端的同时保留了调用原生的能力

缺点:

  • 跨端能力受限于桥接层,
  • 当调用之前没有的原生能力时,需要增加桥
  • 渲染效果无法保证原生体验

原生渲染方案

简介:使用JS开发,通过中间层桥接后使用原生组件来渲染UI界面。React Native是一款卡元的JavaScript框架,可以让开发者使用JavaScript和React来开发跨平台的移动应用。

image (1).png image (2).png