初识微信小程序

2.初识微信小程序

官网：https://mp.weixin.qq.com/cgi-bin/wx
我的APP ID: 网站注册后可以知道

微信小程序：

小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

微信公众号和小程序的主要区别？
1、定位不同（公众号服务于营销与信息传递，小程序面向产品与服务）
2、实现技术区别 （公众号基于H5（html5 vue angualr react ionic），小程序必须用小程序的语法开发）
3、用户体验 （小程序的用户体验要比 html5好一些，更接近原生app）
4、调用原生的能力 （微信公众号可以借助jssdk调用手机的摄像头拍照 ，调用扫描二维码等 能力有限。 小程序调用原生的能力非常强大，能实现几乎app能实现的所有功能） （调用原生的功能 *可以不开发app ）
5、微信app上面的入口不一样

微信小程序的应用场景：
互联网+ 物联网+ 人工智能+
餐厅点餐+小程序
基于LBS小程序直接搜索附近的餐厅，进店用进行扫码点餐、支付。
无人点餐：
公交+小程序
公交车站放一个小程序二维码，扫一扫就知道公交什么时候来。
买电影票+小程序
进入小程序直接搜附近电影院下单搞定。
加油站缴费+小程序
加油下车排队缴费太麻烦，扫小程序不用下车就能解决。
火车上叫餐+小程序
不用去固定车厢点餐，扫座椅后背的小程序二维码下单，乘务员给你送来。
旅行+小程序
旅行酒店预订、周边攻略、目的地、游记等都可以在小程序里轻松搞定。
快递+小程序
一键打开快递小程序，查看自己的订单，查看快递送达的时间，查看宝贝现在的物流情况
医疗+小程序
用小程序，提前挂号、网上排队，就医后扫码支付，直接拿药
景区+小程序
扫描景点门票小程序的二维码，即可查看景区详情
零售+小程序
想吃个水果或吃点零食，直接搜索附近小程序下单，送货上门。

小程序开发文档、开发工具、开发指南、体验demo：
开发文档
https://developers.weixin.qq.com/miniprogram/dev/
开发工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
体验demo
https://developers.weixin.qq.com/miniprogram/dev/demo.html?t=1477656485442

3.创建小程序 注册小程序账户 小程序工具功能介绍 以及小程序的目录结构分析

目录结构：

• pages-所有页面
  首页index 业务逻辑.js wxml–html wxss-css
  登录脚本 多了一个配置文件json

• utils
  工具js 模块化的东西

• App.js
  全局的js文件 其他地方调用App 只需要用 const app=getApp(); 获取应用实例

• App.json
  全局的配置文件 整个页面 导航条的颜色 底部菜单切换

• app.wxss
  全局css文件

• project
  项目配置文件 一般不改动

视图——wxml wxss
业务逻辑——js

4.小程序MINA框架介绍 wxml wxss pages逻辑层js 介绍 绑定数据、绑定属性、条件判断、循环渲染数据

MINA框架介绍

• MINA(MINA IS NOT APP) 是在微信中开发小程序的框架。
• MINA的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生APP体验的服务。
• MINA提供了自己的视图层描述语言WXML和WXSS，以及基于JavaScript的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，可以让开发者可以方便的聚焦于数据与逻辑上。
• MINA的核心是一个响应的数据绑定系统。
• 整个系统分为两块视图层(View)和逻辑层(App Service)
• MINA可以让数据与视图保持同步非常简单。当做数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的更新
• MINA是腾讯给微信小程序命名的框架，其实他实际上应用的是目前IT界最被推崇的MVVM模式。

微信小程序与H5的不同之处：

view=div
text=