这是我参与「第五届青训营 」伴学笔记创作活动的第 10 天
今天我主要学习了熊乐老师讲的前端的跨端技术，总的来说，这节也是收获很大的一节课。
一，本节课重点内容
本节课内容可以大概分为如下几点:
- 跨端是什么
- 跨端的几种方案(hybrid，原生渲染,自渲染,小程序渲染)
- 技术方案优缺点及对比
- 开发一个小程序
- 性能优化
- 小程序调试
- 性能调试性能优化
二，详细知识介绍
随着技术的发展，面对跨端问题时产生了越来越多的问题与痛点，为了针对出现的这些问题与痛点，跨端技术的方案随着孕育而生。
跨端技术有多种流行的方案:hybrid，原生渲染,自渲染,小程序渲染
hybrid
hybrid是一种基于WebView渲染，通过Js Bridge把一部分系统能力开放给JS来调用。简单的描述一下，他其实就是在你的App中把JavaScript通过一个桥梁(bridge)对应上平台(paltform)的比如WebView，Canvas,Events来去调用手机的服务，比如location定位,Audio(音频),Camera(相机)等等。
原生渲染方案
原生渲染方案是一种使用JS开发，通过中间桥接后使用原生组件来渲染UI页面的方案。
这里我们可以使用React Native来做，他是一个由FaceBook于2015年9月发布的一款开源的JavaScript框架，它可以让开发者使用JavaScript和React来开发跨平台的移动应用。
自渲染方案
- 我们可以使用Skia重新实现渲染管线，不依赖原生组件。
- 使用Flutter
小程序方案
使用小程序DSL+JS开发，通过中间层桥接后调用原生能力，使用webview来渲染UI界面。
课后个人总结
这节课学了很多关于前端跨端方案的使用的知识，大大开拓了我的眼界，收获了很多之前没听过的知识。
