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

一、本堂课重点内容：

本堂课主要目标是认识和了解小程序的业务产品价值、学习和掌握小程序相关技术原理等等。

二、详细知识点介绍：

01.发展历程

02.业务价值

与web的区别

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

三大价值

• 渠道价值
• 业务探索价值
• 数字升级价值

03.技术解析

第三方开发应用最简单最方便的方式 WebView + JSBridge

WebView：APP内置的浏览器

JSBridge：调用APP本身的功能

问题：

1. 无网络的情况体验不佳
2. 网页切换体验不佳
3. 如何管控保证安全

目标

1. 开发门槛低 ==》html css js
2. 接近原生的使用体验 ==》每个页面用一个webview来承接，每个页面一个webview
3. 能够保证安全可控 ==》独立js沙盒，不让操作dom

04.相关拓展

跨端框架

• 复杂应用构建
• 一次开发可以跨多端

	remax	taro	megalo	mpvue	uni-app
语法	react	React/Vue	Vue	Vue	Vue
厂家	蚂蚁金服	京东	网易	美团	Hbuilder

跨端框架原理

1. 编译时
   • 无法完全抹平差异
2. 运行时
   • 虚拟DOM
   • Template组件

graph RL
subgraph 逻辑层
    js代码 --> 虚拟dom树
end
虚拟dom树 --> 组合template
subgraph 渲染层
    组合template --> 生成实际要渲染的元素树
end

在一些场景下相比小程序原生语法性能会更差==>混合使用