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

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

这节青训营课程老师讲解了以下关于小程序的技术知识，以下是我的一些课堂笔记

课程大纲

1. 发展历程
2. 业务价值
3. 技术解析
4. 相关拓展

发展历程

• 2017年，1月微信小程序正式发布，小程序全面进入用户的日常工作生活。3月，小程序面向个人开发者开放，自此，小程序数量进入爆发期。
• 2020年，1月小程序+直播功能打造商家线上经营闭环，完成快速转型，12月互联网巨头全面逐鹿小程序战场

小程序与web的区别

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

三大价值

1. 渠道价值：由于小程序的便捷性，依托于超级平台，小程序能够充分为很多场景导流
2. 业务探索价值：小程序开发难度和成本都降低很多，就创造了很多场景开发者能够用小程序来快速试错
3. 数字提升价值：从轻消费类的快餐茶饮到地产汽车等大宗消费，小程序展现了良好的容错空间，我们线下场景的小程序覆盖范围很广。

第三方开发应用最简单最方便的方式是webview+jsBridge

小程序语法

1. HTML：

<view
tt:for="{{list}}"
tt:if="{{isOpen}}"
bindtap="onTap"

2. JS:

Page({
data:{
list:["a","b"],
isOpen:true
}
onTap:function(){
console.log("tap me")
}
})

3. TTSS

background-color:"red"
width:750rpx
}

跨段框架原理--运行时

渲染层：生产实际要渲染的元素树，组合template 逻辑层：虚拟dom树，js代码