这是我参与「第四届青训营 」笔记创作活动的的第18天。
第18天的课程内容主要包括小程序的发展历程，业务价值，技术解析等。
以下是本节课主要内容的总结：
发展历程
- 2017年1月 微信小程序正式发布。
- 2017 - 2018年 小程序的应用场景逐渐丰富，生态逐渐开放。
- 2018 - 2019年 小程序对各种场景逐渐渗透，商业化初步完成。
- 2019 - 2020年 视频号 + 直播 + 小程序的商业闭环逐步成熟。
业务价值
小程序与WEB的区别
- 有着固定的语法以及统一的版本管理，平台可以更方便的进行审核。
- 平台能够控制各个入口，如二维码，文字内嵌，端内分享。入口上也能带来更好的用户体验。
- 小程序基于特殊的架构，在流畅度上比WEB更好，有更优秀的跳转体验。
小程序的三大价值
- 渠道价值
为很多场景导流。 - 业务探索价值
和原生app相比，开发难度和成本降低了很多。 - 数字升级价值
线下场景覆盖广泛。
技术解析
小程序原理
第三方开发应用最简单最方便的方式
- WebView + JSBridge
WebView可以理解为app内置的浏览器，可以在app内用WebView打开网页。
JSBridge是用JS调用app本身的功能，比如打开相机等。
小程序开发最重要的三个目标
- 开发门槛低
HTML + JS +CSS - 接近原生的使用体验
资源加载 + 渲染 + 页面切换 - 能够保证安全可控
独立JS沙箱
小程序语法
举例：
- TTML
<view
tt:for="{{list}}"
tt:if="{{isOpen}}"
bindtap="onTap"
/> - JS
Page({
data: {
list: ["a","b","c"],
isOpen: trur
}
onTap: function( ) {
console.log('tap me!')
}
}) - TTSS
<view
background-color: "red";
width: 750rpx;
/>
相关扩展
跨端框架
| remax | taro | megalo | mpvue | uni-app | |
|---|---|---|---|---|---|
| 语法 | react | React/Vue | Vue | Vue | Vue |
| 厂家 | 蚂蚁金服 | 京东 | 网易 | 美团 | Hbuilder |
