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

47 阅读1分钟

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

发展历程

image.png

image.png

image.png

image.png

image.png

  • 2017年,1月微信小程序正式发布,小程序全面进入用户的日常工作生活。3月,小程序面向个人开发者开放,自此,小程序数量进入爆发期。

小程序与web的区别

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

三大价值

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

image.png

小程序语法

HTML:

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

JS:

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

TTSS

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

跨段框架原理--运行时

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