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

113 阅读3分钟

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

这是我参与「第四届青训营」笔记创作活动的的第5天,今天总结一下之前的课程《小程序技术全解》。

发展历程

2017年1月,微信小程序正式发布,同年三月向个人开放。7月支付宝也开放了小程序。2018年1月,微信小程序退出直接打开其他APP的功能,实现为APP引流。小程序应用场景广泛,其轻量、无安装的特点很好的适应了提供简单服务这一角色——至少不用为一个简单的注册下载和安装只会用一次的APP了。

此后,在2019年到来之前,各大平台竞相研发相关技术,QQ小程序、今日头条(字节)小程序、淘宝小程序等如雨后春笋般冒出,稳固各自的市场。 2020年.png 同时,微信小程序开始了商业化的进程,增加了贴片广告、电商+直播、视频号推广等等,受疫情催化出行、防疫相关的小程序,需求和访问二度激增,产业日益壮大。

系.jpg

市场价值

与Web的区别

  1. 相对固定的语法和版本管理,Web的发布并不需要平台监管,而小程序需要。
  2. 入口优化,使用二维码,端内乃至与同一系列的APP分享内容
  3. 相对流畅,跳转体验更好。

市场价值

  1. 渠道价值:简单来说就是引流。
  2. 业务探索价值:开发试错成本低,迭代快,场景拓展快。
  3. 数字升级价值:线下布展与线上结合,目前最好的方式就是小程序。

从个人角度来说,小程序的市场价值是主要体现在应用场景上带来的价值。如今生活到处是二维码,大部分是打开微信的小程序,常见如各省健康码、行程码、美团点餐等等。与传统APP(如QQ、各种银行APP)相比,小程序首先赢在了不需要下载安装、依赖已有应用的小程序功能。而对于开发者来说,小程序是前端的一个分支,拥有巨大的需求量,其便携轻量的特性注定产品上线后就能够轻易获得大量用户的试错,对于前端人员来说,可谓不可不试。

技术

要求

门槛较低,只需要前端三件套。最简单的入门方式是Webview+JSBridge。

Webview

类似浏览器,每个页面一个Webview,保留了之前的页面状态,减少重新渲染成本。

安全管控

在Web端,DOM既是构成网页的基础,又是导致安全问题的一个来源。于是小程序上无DOM了,使用独立沙箱,像Node.js,页面渲染交给框架去做了。

性能瓶颈

数据传递。传递的数据太多了,可以采取分片传输的方式。 Screenshot_4.jpg

字节小程序

分为三块TTML、JS、TTSS,对应HTML、JS、CSS,类似Vue的模板语法。整体上大同小异。

主流框架

Screenshot_5.jpg