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

52 阅读2分钟

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

业务价值

1、与Web的区别

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

2、三大价值

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

技术解析

第三方应用开发最简单方式:WEBVIEW(渲染层)+JSBridge(逻辑层)

需要考虑问题:无网络情况、网页切换、安全问题

对应的期望目标:开发门槛低(HTML,CSS,JS),用户体验好(数据加载,同时打开多个VIEW存储,减少渲染所需要的时间),安全可控(仅操作数据流不直接操作DOM)

小程序使用渲染层与逻辑层分离防止卡顿,如果出现卡顿可能是数据量过大的问题

优秀的解决了在浏览器中,当js操作频繁的时候动画卡顿,这时因为它们在同一个进程中,而微信的这种结构将js和渲染分离完美规避掉这个问题,也因此性能问题只会出现在数据传输中

相关拓展

跨段框架

目的:复杂应用构建、一次开发可以跨多个端

实现(两种方案):

(1)编译方案:解析为语法树(但是无法完全抹平差异)

(2)运行方案:使用虚拟DOM和TEMPLATE组件