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

65 阅读2分钟

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

学习本节课程的目标

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

1、关于小程序

核心数据

image-20220821225623142.png

这是到20年底的数据,可以看出小程序的数量特别庞大,虽然出现的时间不是很久,但是发展壮观有潜力,现在的数据只会更多。

生态

image-20220821225801300.png

小程序目前的生态是基本围绕各个超级app来的,是超级app发展到一个阶段的必然产物。

与web的区别
  • 有固定的语法及统一的版本管理,平台方便审核
  • 平台能控制各个入口,如二维码、文章内嵌,端内分享,带来更好的用户体验
  • 小程序基于特殊架构,跳转比web更流畅
三大价值
  • 渠道价值

    小程序的便携性能够充分为平台导流

  • 业务探索价值

    相对原生app来说,小程序的开发难度和成本都降低了很多,场景开发者可以用小程序快速试错,探索新的业务价值

  • 数字升级价值

    小程序拥有良好的容错空间,线下场景的小程序覆盖范围很广

2、小程序技术解析

原理

第三方开发应用最简单最方便的方式

WebView + JSBridge

WebView可以简单理解为app内置的浏览器, JSBridge是js和native代码之间的桥梁,让二者能够沟通互相调用

设计目标
  • 开发门槛低

    HTML + JS + CSS

  • 接近原生的使用体验

    资源加载 + 渲染 + 页面切换

  • 保证安全可控

    独立JS沙箱

语法

image-20220821234021321.png

总结

我们在日常生活中经常会用到小程序,到底小程序的存在价值和原理技术是什么,我没有仔细探究过,通过这节课,我对小程序有了更多的认识,也学到了很多知识,也有了继续深入了解的意愿,期待小程序未来更多的发展。