小程序技术全解
这是我参与「第四届青训营 」笔记创作活动的的第9天。
本堂课的知识要点：
- 发展历程
- 业务价值
- 技术解析
- 相关拓展
01.发展历程
- 发展历程
- 核心数据
- 小程序生态
发展历程
核心数据
小程序生态
02.业务价值
渠道价值
由于小程序的便捷性，依托于超级平台，小程序能够充分为很多场景导流，如美团和美团优选微信小程序带来的流量占比分别是40%和80%。
业务探索价值
相比原生APP来说，小程序的开发难度和成本都降低的很多，这就创造了很多场景开发者能够用小程序来快速试错，不断探素新的业务价值。
数字升级价值
线下到线上如何做？从轻消费类的快餐、茶饮到地产汽车等大宗消费，小程序都展示了良好的容错空间。我们线下场景的小程序覆盖范围很广。
03.技术解析
- 小程序原理
- 小程序语法
- 实现番茄时钟
小程序原理
是第三方开发应用最简单最方便的方式
采用webView+JSBridge
webView: 我们可以简单理解为 app 内置的浏览器，我们可以在 app 内展示网页。
JSBridge: js和native之间的桥梁
-
开发门槛低 HTML+JS+CSS
-
接近原生的使用体验 资源加载+渲染+页面切换
-
保证安全可控 采用独立的JS沙箱
不操作DOM控制页面渲染
小程序语法
实现番茄时钟
04.相关拓展
- 跨端框架介绍
- 跨端框架原理
跨端框架介绍
一次开发可以跨多端
- 分为编译时和运行时
编译时
运行时
采用虚拟DOM和Template组件
