webview&小程序&React Navive&Flutter&原生渲染区别，方便我们更加准确的找到适合自己的大前端开发方案

1. 为什么写这篇文章 近期，电商直播业务热火朝天。许多团队都纷纷转战直播领域，试图抢占市场。 鄙人有幸参与直享直播小程序的业务开发工作，在项目迭代过程中，遇见过许多“百思不得其解”的问题。 比如直播页面最常见的布局是底层为视频画面，顶层为滚动弹幕、点赞、购物袋、抽奖活动、PK…

...... 综上：就像是盖楼，框架开发的基础组件，是小程序所有组件建筑的地基，我们今天要聊的正是它。 框架层的基础组件，是基于H5组件和NA组件实现的。 比如小程序中的 canvas、map、animation-view、textarea、cover-view、cover-i…

基于chromium-81开发的Android WebView，提供同层渲染能力，支持自定义原生侧的插件底层实现。

同层渲染是个相对陌生但并不难理解的概念，用一句话来归纳就是：让原生组件和前端元素渲染在同一个层级上。本文带你深度了解小程序在同层渲染上的探索和应用

一、渲染问题 （一）地图接口对接 同层渲染的关键点，前一篇 修改chromium内核，实现小程序的camera组件同层渲染（Android端）已经说明了实现方向和思路，embed标签对应的区域关联了一

移动端WebView同层渲染，并不是一个新技术，国内一线互联网产品广泛应用，比如小程序的原生组件，电商H5嵌原生播放器等场景；