前端监控系统开发实录 | 青训营笔记这是我参与「第五届青训营」伴学笔记创作活动的第 8 天跨端背景使得一套代码可以

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

跨端背景

使得一套代码可以适配目前越来越多的业务场景，比如：PC（window、mac），移动端（安卓、IOS），web，IOT设备（车载设备、手表）

1、研发效率高，学习成本低，多段一致性高

2、用户体验好，稳定性高，性能体验好

3、动态化，支持动态化下发，满足日益增长的业务需求

1、hybrid方案：基于WebView渲染，通过JS Bridge把一部分系统能力开发给JS调用，优点是开发成本低、css全集、一致性好，缺点是性能中等。

2、原生渲染方案：使用JS开发，通过中间层桥接后使用原生组件来渲染UI界面，优点是性能好，缺点是css子集，一致性一般。

3、自渲染方案：利用Skia重新实现渲染管线，不依赖原生组件，优点是性能好、一致性好，缺点是Dart生态一般、开发成本较高。

4、小程序方案：使用小程序DSL+JS开发，通过中间层桥接后调用原生能力，使用webview来渲染UI界面，优点是开发成本低、一致性好，缺点是性能较好。

留住用户
提升转化率
提升用户体验

小程序性能是指小程序在字节系 APP（抖音、今日头条等客户端）中加载和呈现的速度，以及用户交互的响应程度。性能问题是多种多样的，情况好点的，有的小程序会产生一些延迟，这些延会给用产带来一些不好的交互体验，也有极其糟糕的情况，那就是小程房完全无法使用，对用户输入没有反应，或两者兼而有之。这些问题将在不同程度上影响用户体验，从而导致用户流失。小程序平台希望用户通过小程序进行有意义的交互，如果是新闻资讯小程序，希望用户能更方便获取信息。如果是电商小程序，希望将潜在的购物者变成买家。如果它是一个社交小程序，希望访问者写帖子，上传照片，并与其他人互动。