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

101 阅读2分钟

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

小程序技术全解

1.发展历程

发展历程

image.png

image (1).png

image (2).png

核心数据

image (3).png

小程序生态

image (4).png

2.业务价值

与WEB的区别

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

三大价值

  • 渠道价值

    • 由于小程序的便捷性,依托于超级平台,小程序合能的够充分为很多场景导流,如美团和美团优选微信小程序带来的流量占比分别是40%和80%
  • 业务探索价值

    • 相比原生APP来说,小程序的开发难度和成本都降低的很多,这就创造了很多场景开发者能够用小程序来快速试错,不断粲索新的业务价值
  • 数字升级价值

    • 线下到线上如何做?从轻消费类的快餐、茶饮到地产汽车等大宗消费,小程序都展示了良好的察错空间。我们线下场崇的小程序看盖范围很广。

3.技术解析

小程序原理

  • 开发门槛低
  • 接近原生的使用体验
  • 能够保证安全可控

image (5).png

小程序语法

TTML

image (6).png

JS

image (7).png

TTSS

image (8).png

实现番茄时钟

image (9).png

image (10).png

image (11).png

image (12).png

image (13).png

4.相关拓展

跨端框架介绍

复杂应用构建

一次开发可以跨多端

remaxtaromegalompvueuni-app
语法reactReact/vuevuevuevue
厂家蚂蚁金服京东网易美团Hbuilder

跨端框架原理

编译时

image (14).png

image (15).png

运行时

image (16).png

image.png

在一些场景下相比小程序原生语法性能会更差