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

课程目标

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

发展历程

核心数据

小程序生态

业务价值

与WEB的区别

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

三大价值

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

技术全解

小程序原理

• 第三方开发应用最简单最方便的方式：WebView + JSBridge
• 问题
  • 无网络的情况体验不佳
  • 网页切换体验不佳
  • 如何管控保证安全
• 三个目标
  • 开发门槛低：HTML、JS、CSS
  • 接近原生的使用体验：资源加载、渲染、页面切换
    • 解决方案：使用多WebView
  • 安全管控：独立JS沙箱，不允许开发者直接通过JS操作DOM
    • 不操作DOM如何控制页面渲染 众多框架（Vue、React）已经解决了这个问题，只需要处理数据即可
• 小程序语法

相关扩展

跨端框架

• 复杂应用构建
• 一次开发可以跨多端
• 跨端框架原理
  • 编译时
    • 缺陷：无法完全抹平差异
  • 运行时
    • 虚拟DOM
    • Template组件
    • 缺陷：在一些场景下相比小程序原生语法性能会更差