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

137 阅读2分钟

这是我参与⌈第四届青训营⌋笔记创作活动的第25天

一、发展历程

认识和了解小程序的业务产品价值学习和掌握小程序相关技术原理

1、发展历程

image.png

image.png

image.png

2、核心数据

  • 百度小程序——月活:5亿+,小程序数量:42万+。
  • 支付宝小程序——月活:6亿+,小程序数量:200万+。
  • 微信小程序——月活:8.5亿+,小程序数量:380万+。

3、小程序生态

腾讯系、阿里系、百度开源联盟、字节跳动系、快手系、手机厂商联合、京东系、360系、美团系、网易系。

二、业务价值

1、与WEB的区别

  1. 有着固定的语法以及统一的版本管理,平台可以更方便的进行审核。
  2. 平台能够控制各个入口,如二维码,文章内嵌,端内分享。入口上也能带来更好的用户体验。
  3. 小程序基于特殊的架构,在流畅度上比WEB更好,有更优秀的跳转体验。

2、三大价值

  1. 渠道价值 由于小程序的便捷性,依托于超级平台,小程序能够充分为很多场景导流,如美团和美团优选微信小程序带来流量占比分别是40%和80%
  2. 业务探索价值 相比原生APP来说,小程序的开发难度和成本都降低的很多,这就创造了很多场景开发者能够用小程序来快速试错,不断探索新的业务价值。
  3. 数字升级价值 线下到线上如何做?从轻消费类的快餐、茶饮到地产汽车等大宗消费,小程序都展示了良好的容错空间。我们线下场景的小程序覆盖范围更广。

三、技术解析

1、小程序原理

  • 第三方开发应用最简单最方便的方式 WebView+JSBridge。
  • 开发门槛低,接近原生的使用体验,能够保证安全可控。
  • HTML+JS+CSS
  • 资源加载+渲染+页面切换
  • 安全管控——独立JS沙箱

四、相关拓展

1、跨端框架

image.png

2、跨端框架原理——编译时

image.png

image.png

2、跨端框架原理——运行时

虚拟DOM、Template组建

image.png

image.png