小程序开发入门

课程目标

了解小程序技术，了解小程序的基本开发模式，为学习小程序技术打好基础。

1、 小程序和web之间的差异

小程序分类

微信：以社交流量为载体

今日头条：以信息传播流为载体

支付宝：基于交易属性

小程序特性

小程序特性

小程序和web之间的技术差异

小程序的一些组件直接以本地方式实现，如相机、画布、视频、地图、文本区等

小程序将在最后缓存和销毁资源，控制小程序的周期，并使小程序能够更快地加载

小程序在架构中分离逻辑和渲染，而web则处于相同的过程中。

小程序和web之间的生态差异

对小程序的限制更加严格，呈现和逻辑是分开的。这样做的直接后果是，Web中的许多东西以前无法直接使用。它们必须根据平台给出的规则进行开发，这有助于平台控制。

每个端都提供官方访问，包括扫码、我的小程序、文章嵌入等，并且可以快速共享。

发布由各种平台控制，并具有统一的app版本管理。

小程序架构

小程序架构

2、 小程序开发历史

小程序开发历史

小程序开发历史2

3、 小程序开发方案

小程序开发工具

微信开发者工具

小程序语法简介

1.数据绑定

渲染层

｛｛message｝｝

逻辑层

第页({

/**

*页面的初始数据

*/

数据：{

留言：“你好，世界！”

}

})

2.列表渲染

渲染层

｛｛idx｝｝：｛｛itemName.message｝｝

逻辑层

第页({

数据：{

数组：[{

消息：'foo'，

}, {

消息：“bar”

}]

}

})

3.条件渲染

渲染层

5｝｝”>1

2｝｝”>2

3

逻辑层

第页({

数据：{

长度：0

}

})

3.页面对象

渲染层

<视图>

计数为：｛｛count｝｝

逻辑层

第页({

数据：{

计数：0

},

添加计数（）{

//此数据。count=this.data。count+1不会导致视图更新

this.set数据({

计数：this.data。计数+1

})

}

})

如何提高开发效率？

Taro是一个开放、跨端和跨框架的解决方案

芋头

芋头

写作方法比较

写作方法比较

4、 芋头原理分析

Taro原理的简单分析如果你让每个人自己实现它，你将如何用React/Vue编写小程序？你可以简单地考虑一下

分析

Taro编译时方案-AST抽象语法树

AST抽象语法树

分析、转换、生成

编制过程

Taro编译时方案的缺点

差异无法完全消除

Taro运行时场景

对于本机，在某些情况下运行性能较差

Taro运行时场景

操作流程