小程序开发入门
小程序开发
浏览：976 次
课程目标
了解小程序技术，了解小程序的基本开发模式，为学习小程序技术打好基础。
1、 小程序和web之间的差异
小程序分类
微信：以社交流量为载体
今日头条：以信息传播流为载体
支付宝：基于交易属性
小程序特性
小程序特性
小程序和web之间的技术差异
小程序的一些组件直接以本地方式实现，如相机、画布、视频、地图、文本区等
小程序将在最后缓存和销毁资源，控制小程序的周期，并使小程序能够更快地加载
小程序在架构中分离逻辑和渲染，而web则处于相同的过程中。
小程序和web之间的生态差异
对小程序的限制更加严格，呈现和逻辑是分开的。这样做的直接后果是，Web中的许多东西以前无法直接使用。它们必须根据平台给出的规则进行开发，这有助于平台控制。
每个端都提供官方访问，包括扫码、我的小程序、文章嵌入等，并且可以快速共享。
发布由各种平台控制，并具有统一的app版本管理。
小程序架构
小程序架构
2、 小程序开发历史
小程序开发历史
小程序开发历史2
3、 小程序开发方案
小程序开发工具
微信开发者工具
小程序语法简介
1.数据绑定
渲染层
逻辑层
第页({
/**
*页面的初始数据
*/
数据：{
留言：“你好，世界！”
}
})
2.列表渲染
渲染层
｛｛idx｝｝：｛｛itemName.message｝｝
逻辑层
第页({
数据：{
数组：[{
消息：'foo'，
}, {
消息：“bar”
}]
}
})
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运行时场景
操作流程
