小程序技术全解｜青训营笔记

这是我参与「第四届青训营」笔记创作活动的第11天

小程序对于更多场景不断的渗透，发展不断成熟。

构筑更多场景，围绕各个App来做，满足更多开发场景需求

01）有着固定的语法以及统一的版本管理，平台可以更方便的进行审核；

02）平台能够控制各个入口，如二维码，文章内嵌，端内分享入口上也能带来更好的用户体验；

03）小程序基于特殊的架构，在流畅度上比WEB更好，有更优秀的跳转体验（小程序基于特殊的架构，流畅度比传统Web好一些）。

01）渠道价值：由于小程序的便捷性，依托于超级平台，小程序能够充分为很多场景导流，比如美团和美团优选微信小程序带来的流量占比分别是40%和80%。

02）业务探索价值：相比于原生APP来说，小程序的开发难度和成本都降低的很多，这就创造了很多场景开发者能够用小程序来快速试错，不断探索新的业务价值。

03）数字升级价值：线下到线上如何做？从轻消费类的快餐、茶饮到地产汽车等大宗消费，小程序都展示了良好的容错空间。我们线下场景的小程序覆盖范围很广。

第三方开发应用最简单最方便的方式: WebView + JSBridge

WebView: App内部内置的浏览器，用WebView承接App内的网页。

JSBridge：充当JS和Native代码之间的桥梁。主要是给 JavaScript 提供调用 Native功能的接口，让混合开发中的前端部分可以方便地使用 Native 的功能（例如：地址位置、摄像头），使JS和Native代码可以相互调用沟通。

但这种方式存在以下问题：无网络的情况体验不佳、网页切换体验不佳、如何管控保证安全。

因此设计新方案的目标特点：开发门槛低、接近原生的使用体验、能够保证安全可控。

接近原生的使用体验：资源加载+渲染+页面切换。

小程序的整体架构：

跨端框架解决的问题：复杂应用的构建、一次开发可以跨多端

编译时

但编译时的也存在：无法完全抹平差异。

运行时：虚拟DOM、Template组件

但运行时的也存在：一些场景下相比小程序原生语法性能会更差。

通过本节课，学习了小程序的发展历程和应用价值，然后根据一些问题学习了小程序的基本语法、原理、整体架构、跨端框架相关内容，收获非常多！