这是我参加青训营笔记创作活动第9天

跨端技术

Hybrid方案

基于WebView渲染，通过JS Bridge把一部分系统功能开放给js调用

原生渲染方案

React Native

jsi JavaScript interface

自渲染方案

利用Skia重新实现渲染管线，不依赖原生js

Flutter

小程序方案

字节小程序是一种全新的连接用户与服务的方式，它可以在宿主(抖音、头条等App)内被便捷地获取和传播，同时具有出色的使用体验。

优化手段

性能分析工具

Audits

trace

Next.js

CSR,SSR,SSG

CSR

客户端渲染(Client- -Side Rendering)。常见B端WEB应用开发模式，前后端分离，服务器压力相对更轻，渲 染工作在客户端进行，服务器直接返回不加工的HTML用户在后续访问操作

第一次渲染不渲染就是区分 c端和b端的重要区分

SSR

不进行前后端分离

同构SSR

SSR, SSG的优势–-利于 SEO

浏览器的推广程度，取决于搜索引擎对站点检索的排名，搜索引擎可以理解是一种爬虫，它会爬取指定页面的 HTMIL，并根据用户输入的关键词对页面内容进行排序检索，最后形成我们看到的结果。

SSR, SSG的优势–更短的首屏时间

SSR / SSG 只需要请求一个HTML文件就能展现出页面，虽然在服务器上会调取接口,但服务器之间的通信要远比客户端快，甚至是同一台服务器上的本地接口调取。 因为不再需要请求大量js 文件，这就使得SSR / sSG可以拥有更短的首屏时间。

stripi-headless

一个接口的生成有以下几个过程;

• content-type builder 编辑结构体
• content manager 配置数据源，并且发布
• settings roles里选择对应角色并勾选要发布的接口类型
• 如果涉及嵌套，在接口后加上populate=deep参数(npm install strapi-plugin-populate-deep --save)，没安装加参数populate=*，但只能嵌套一层

自我提问

跨端技术有哪些，性能分析工具有哪些？ next.js 是什么，如何使用？