微信小程序：创新应用，无需下载，影响广泛，发展迅猛
微信小程序简介
小程序，小程序的一种，英文名称为Mini，是一种无需下载安装即可使用的应用程序。它实现了“触手可及”应用程序的梦想。用户可以通过扫描或搜索的方式打开应用程序。
微信小程序是一款无需下载即可使用的应用程序。这也是一种创新。经过近两年的发展，全新的微信小程序开发环境和开发者生态已经构建完成。微信小程序也是中国IT行业多年来真正能够影响普通程序员的创新成果。超过150万开发者加入微信小程序的开发，我们将共同推动微信小程序的发展。随着发展，微信小程序应用数量已突破百万，覆盖200多个细分行业，日活跃用户达2亿。微信小程序还支持了多个城市的地铁和公交服务。微信小程序的发展带来了更多的就业机会。 2017年，小程序带动就业104万人，社会效应不断增强。
2016年9月，张小龙召开发布会宣传小程序产品。
2017年1月9日正式上线
发布会上的几个概念
启动应用程序，无需安装即可直接使用。小程序足够小，小程序上线要求不能大于2M。
面试问题：如果小程序很复杂，必须超过2M怎么办？
分包处理：根据功能，将小程序分成若干个功能包，每个功能包不能超过2M，并在配置文件中整合为一个项目进行上传。到目前为止，整个小程序可以达到20M；
用完就走，无需卸载（够小）2M
未来应用将无处不在
小程序应用程序
大小有限，不能超过2M（功能相对有限）。大小不限（功能更强大）
无需安装或更新（方便）。需要到相应商城下载并定期更新（复杂）
打开方法很简单（先调用微信->小程序）。这种开启方式因为很少使用所以非常方便。直接在桌面点击，使用频率很高。
跨平台（一次编写，全平台运行）IOS版上线容易，版（小米、App、华为……）上线麻烦
费用是非常非常便宜的。成本是非常非常昂贵的。
如果客户给你一个需求，你可以给客户提出合适的建议，你就应该做一个小程序或者app。
大悦城酸菜鱼----在线排队功能（小程序）
直播带货平台----（app）
你可以在商场里买一些小东西——你可以使用小程序和应用程序。
1.用微信小程序新建一个项目
微信公众平台
微信公众平台是面向个人、企业和组织提供商业服务和用户管理能力的新型服务平台。
微信公众平台（公众号）
微信开放平台
微信开放平台
1.1.相关链接
注册微信小程序账号：
微信公众平台
微信公众平台是面向个人、企业和组织提供商业服务和用户管理能力的新型服务平台。
微信开发文档：
微信打开文档
微信开发者平台文档
微信开发者工具下载路径：
微信开发者工具下载地址及更新日志 |微信开放文档
微信开发者平台文档
1.2.获取小程序
微信公众平台
微信公众平台是面向个人、企业和组织提供商业服务和用户管理能力的新型服务平台。
登录后：
1.3.创建项目
填写项目名称，选择目录，勾选不使用云服务，点击新建。
进入如下界面即表示创建成功：
1.4.后台介绍
1.5.工具介绍
1.6.目录结构
小程序中，所有以json结尾的文件都是配置文件。
app file：应用程序文件，文件名不可更改
app.js主逻辑文件，入口文件，最先执行的文件，相当于vue中的main.js，必须有
app.wxss 全局样式文件，可选文件
app.json 全局配置文件，必填
项目到编辑器的配置文件
..json
目录工具
可选，工具文件，写一些公共的js文件
目录、页目录
页面目录，
.wxml 页面目录 (html)
.wxss 页面样式 (css)
.js 页面逻辑 (js)
.json页面配置
日志页面目录
日志.wxml
日志.wxss
日志.js
日志.json
vue 组件.vue 文件：
2. 创建新页面和其他介绍
2.1.创建一个新页面
小程序的页面创建可以在选项中设置。只要写入路径并保存，就会自动生成4个文件；
直接找到根目录下的app.json文件，配置一个路径，保存后会新建一个home文件夹及其对应的文件。
app.json文件中：page数组第一项是项目主页
重置编辑器设置：
在app.json中设置项目：
“”：{
"le": "", //导航栏文字颜色
"xt": "开发者--老高", // 导航栏文字
"": "#" // 导航栏背景颜色
},
注意：导航栏文字颜色只能是两个值之一！写不出其他东西
应用程序.json 文件
1.选项，页面路径，所有页面都必须在当前选项中配置（分包页面除外）
“”：[
“//”，
“/购物车/购物车”，
“/我的/我的”
],
2."": "/cart/cart"，启动页
2.2.元素类型简介
小程序中块级元素：视图组件，行内元素：文本组件，
小程序中没有标签，而是用路由标签代替，后面会讲到。
2.3.风格单位简介
一般情况下，移动设计稿的横向尺寸通常是375的倍数。
小程序中常用的单位是rpx和px宽度自适应单位。
1px = 2rpx，所以设计稿里写的东西一定要写在小程序里。
3.写入数据并获取和修改
整个页面的数据来源是js文件中对应的data属性。
// 页面构造函数，功能：构建页面
数据： {
姓名：“老高”
},
wxml中获取数据data的插值语法：
{{姓名}}
方法中获取data数据：
// /cart/cart.js
页（{
/**
* 页面初始数据
*/
数据： {
姓名：“老高”
},
/**
* 生命周期函数--监听页面加载
*/
() {
这。（{
名称：'老高888'
})
},
/* 自定义函数 */
(){
.log(1);
这。（{
name:this.data.name == "老高666"?"老高888":"老高666"
})
})
4. 活动系统
1. 绑定事件
{{姓名}}
2、事件参数传递
{{姓名}}
3. 事件参数
/* 自定义函数 */
(e){
.log(e..);
这。（{
name:this.data.name == "老高666"?"老高888":"老高666"
})
总结：
事件源参数
触发事件绑定的组件上的参数
获取到的是组件私有事件上的参数
4. 双向数据绑定
1.简单的双向数据绑定
2.引用类型的双向数据绑定，
小程序中没有v-属性，只能用事件和值的组合来代替。
在 cart.wxml 中：
在 cart.js 中：
// /cart/cart.js
页（{
/**
* 页面初始数据
*/
数据： {
姓名：“老高”
},
/**
* 生命周期函数--监听页面加载
*/
() {
这。（{
名称：'老高888'
})
},
/* 自定义函数 */
(e){
.log(e..);
这。（{
name:this.data.name == "老高666"?"老高888":"老高666"
})
},
(e){
.log(e..);
这。（{
名称：e..
})
})
5. 数组渲染
5.1.普通数组