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

50 阅读1分钟

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

发展历程

1、发展历程

历程.jpg

历程1.jpg

历程2.jpg

2、核心数据

数据.jpg

3、小程序生态

生态.jpg

业务价值

1、与Web的区别

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

2、三大价值

  • 渠道价值:由于小程序的便捷性,依托于超级平台,小程序能够充分分为很多场景导流。
  • 业务探索价值:相比原生APP来说,小程序的开发难度和成本都降低了很多,这就创造了很多场景开发者能够用小程序来快速试错,不断探索新的业务价值。
  • 数字升级价值:从轻消费类的快餐、茶饮到地产汽车等大宗消费,小程序都展示了良好的容错空间。线下场景的小程序覆盖范围很广。

技术解析

1、小程序架构

架构.jpg

2、小程序语法

  • TTML

    t.JPG
  • JS

    j.JPG

  • TTSS

    tt.JPG

相关拓展

1、跨端框架

框架.JPG

原理:

  • 编译时

    运行.jpg 是.jpg
    • 缺点:无法抹平差异
  • 运行时

    • 依赖两个部分:虚拟DOM和template组件(动态生成模板)

      渲染.JPG
    • 缺点:在一些场景下相比小程序原生语法性能会更差。