一.注册小程序账号，下载IDE
留意：
- 注册账号之后会面有一个appid，新建项目的时分需要填上，不然许多功效是用不了的，比如不能预览，不能上传代码等等
- 如果你注册过微信公众号话，一定要留神，微信公众号和微信小程序是两个账号，二者的appid也是不同，小程序开发必须利用小程序的appid哦
二.小程序框架介绍和运行机制
我们确立了“普通快捷启动模板”，然后全部项目目次如下：
1.app.js
全部项目的启动文件，若是注解写的onlaunch办法有三大功用，浏览器缓存进行存和获得数据；用登陆成功的回调；获得用户信息globalData是界说全部项目的全局变量或者常量哦
2.app.json
全部项目的配置文件，比如注册页面，配置tab页，设置全部项目的样式，页面标题等等；
！留意：小程序启动默认的第一个页面，就是app.json的pages中的第一个页面哦
3.pages
小程序的页面组件，有几个页面就会有几个子文件夹比如快捷启动模板，就有两个页面，index和logs
4.打开index目次
可以看到有三个文件，其实和我们web开发的文件是一一对应的
index.wxml对应index.html；
index.wxss对应index.css；
index.js就是js文件哦
一般我们还会给每个页面组件添加一个.json文件，作为该页面组件的配置文件，设置页面标题等功效
5.双击index.js文件
- var app = getApp();
引入全部项目的app.js文件，用来获得期中的公共变量等信息
如果如果利用util.js工具库中的某个方式，在util.js中module.exports导出，然后在需要的页面中require即可获得哦
- 接下来在全部page({})中，第一个data，就是本页面组件的内部数据，见面渲染到该页面的wxml文件中，类似于vue、react哦~
经过setData修改data数据，驱动页面渲染
- 一些生命周期函数
比如onload()， onready(), onshow(), onhide()等等，监听页面加载、页面初次渲染、页面显示、页面隐蔽等等
更多的可以查官网API哦。其中用的最多的就是onload()方式，和onShareAppMessage()方式（设置页面分享的信息）
6 .wxml模板的运用
比如本项目影戏页面，就是以最小的星级评价组件wxml当作模板，star到movie到movie-list，一级一级的嵌套应用
star-template.wxml页面写好name属性；然后import引入的时分通过name取得即可
7.常用的wxml标签
view，text，icon，swiper，block，scroll-view等等，这些标签直接查官网文档即可
三.小程序框架、各个页面以及宣布上线的注意点
1.全部框架中的一些注意点
- 全部wxml页面，最底层的标签是哦
- 每个页面顶部导航栏的颜色，title在本页面的json中配置，如果没有配置的话，获得app.json中的总配置哦
- json中不能写注解哦，不然会见回报错的
- 路由相干
利用wx.SwitchTab跳转tab页的话，在app.json中除了注册pages页面，还需要在tabBar中注册tab页，才干见效哦
留神：tab最多5个，也就是我们说的头部或者底部最多5个菜单其他的页面只能通过其他路由办法打开哦
navigateTo是跳到某个非tab页，比如欢迎页，影戏详情页，都会选择页；在app.json中注册后，不能在tabBar里注册哦，不然同样也是不能跳转的哦
reLaunch跳转，新开的页面左上比赛是没有退回按钮的，本项目只用了一次，切换都会的时分哦。
- 页面之间传送参数
参数写在跳转的url之中，然后另一个页面在onload方式中的传参option吸收到如下传递和获得id
- data-开头的自定义属性的运用
比如wxml中我们怎么写
点击的事件对象可以这么获得，var postId = event.currentTarget.dataset.postid;
注意： 大写会晤转换成小写，带_标记会晤改变成驼峰形式
- 事件对象event，event.target和event.currentTarget的区分：
target指的是当前点击的组件 和currentTarget 指的是事件捕获的组件
比如，轮播希图组件，点击事件该当如果绑定到swiper上，这样才干监控任意一张图片是否被点击，
这时target这里指的是image（因为点击的是图片），而currentTarget指的是swiper（因为绑定点击事件在swiper上）
- 应用免费的网络接口：
本项目中用到了 和风气候api，腾讯地图api，百度地图api，豆瓣影戏api，聚合头条新闻api等，具体用法可以看各自官网的接口文档哦，很详细的
留神：免费接口是有访问限制的，所以如果用别人的组件用了这种接口的话，最好还是自己注册一个新的key调换上哦
- wxss有一个坑：回天乏术读取当地资源，比如背景图片用本地就会回报错哦
把本地图片弄成网络图片的几种方法： 上传到个人网站；QQ空间相册等等也是可以的哦
2.切换都会页面
- 首页运用navigateTo跳转到切换城市页，由于首页并没有关闭，致使切换了都会返回来，气候信息还是旧的
正确的处理逻辑如下：
1）运用reLaunch跳转到切换都会页面，本色是关闭所有页面打开新的页面哦
2）切换都会页面，更新公共变量中城市信息为手动切换的城区，再switchTab回到首页，触发首页重新加载
3）首页获得都会信息的时分加一个判断，全局没有才获得定位的，全局有（比如刚才设置了）就用全局的哦
- 都会列表的滚动和回到顶部
基于scroll-view组件的scroll-top属性，初始就是0，滚动就会增加的；点击回到顶部给它购置为0即可回到顶部
3.天气页
- 初始化页面，气候显示的逻辑
首先调用小程序的wx.getLocation办法得到当前的经纬度，然后调用腾讯地图得到当前的都会称号和区县称号，并存到公共变量中，
再调用查问气候和空气质量的方式哦
- 容错处理
都会的称号长短不一，有点名字特别长，比如巴彦淖尔市这种，需要动态的获取完好的都会称号；
有些荒僻的都会暂时没有天气信息，我们需要对返回的结果进行判断，没有信息的需要给用户一个优良的提示信息
4.周边-地图服务页面
- 调用百度地图的各种服务，查问酒店，美食，生存服务三种信息，更多信息可以看百度地图的文档
- 点击常常给被点中的图标加个边框，数据驱动视图，所以利用一个长度为3的数组保留三个图标当前是否被点中的状态
- 然后wxml再根据数据来动态添加class，增加边框样式
5.豆瓣电影页
- 影戏详情页的预览图片，用小程序本身的previewImage实现。
