注册小程序账号，，，下载IDE

　　官网注册https://mp.weixin.qq.com/，，，并下载IDE。。

　　官方文档一直都是最好的学习资料。。

　　注重：

　　(1)注册账号之后会有一个appid，，，新建项目的时间需要填上，，，否则许多功效是用不了的，，，好比不可预览，，，不可上传代码等等。。

　　(2)若是你注册过微信公众号的话，，，一定要注重，，，微信公众号和小程序是两个账号，，，二者的appid也是差别，，，小程序开发必需使用小程序的appid。。

　　小程序框架介绍和运行机制

　　1.我们建设了“通俗快速启动模板”，，，然后整个项目目录如下：

　　2.app.js

　　整个项目的启动文件，，，如注释写的onlaunch要领有三大功效，，，浏览器缓存举行存和取数据;用登陆乐成的回调;获取用户信息。。

　　globalData是界说整个项目的全局变量或者常量。。

　　3.app.json

　　整个项目的设置文件，，，好比注书页面，，，设置tab页，，，设置整个项目的样式，，，页面问题等等;

　　!注重：小程序启动默认的第一个页面，，，就是app.json的pages中的第一个页面。。

　　4.pages

　　小程序的页面组件，，，有几个页面就会有几个子文件夹。。好比快速启动模板，，，就有两个页面，，，index和logs

　　5.翻开index目录

　　可以看到有三个文件，，，着实和我们web开发的文件是逐一对应的。。

　　index.wxml对应index.html;

　　index.wxss对应index.css;

　　index.js就是js文件。。

　　一般我们还会给每个页面组件添加一个.json文件，，，作为该页面组件的设置文件，，，设置页面问题等功效

　　6.双击index.js文件

　　(1)var app = getApp();

　　引入整个项目的app.js文件，，，用来取期中的公共变量等信息。。

　　若是要使用util.js工具库中的某个要领，，，在util.js中module.exports导出，，，然后在需要的页面中require即可获得。。

　　(2)好比，，，我们要获取豆瓣影戏的时间，，，我们需要挪用豆瓣的api;我们先在app.js中的gloabData中界说doubanBase

　　然后在index.js中使用app.globaData.doubanBase即可取到这个值。。

　　虽然这些常量你也可以在页面需要的时间，，，再用写死的值，，，可是为了整个项目的维护，，，照旧建议把这种公用参数统一写在设置文件中。。

　　(3)接下来在整个page({})中，，，第一个data，，，就是本页面组件的内部数据，，，会渲染到该页面的wxml文件中，，，类似于vue、react~

　　通过setData修改data数据，，，驱动页面渲染

　　(4)一些生命周期函数

　　好比onload()，，， onready(), onshow(), onhide()等等，，，监听页面加载、页面首次渲染、页面显示、页面隐藏等等

　　更多的可以查官网API。。其中用的最多的就是onload()要领，，，和onShareAppMessage()要领(设置页面分享的信息)

　　7 .wxml模板的使用。。

　　好比本项目影戏页面，，，就是以最小的星级评价组件wxml当做模板，，，star到movie到movie-list，，，一级一级的嵌套使用。。

　　star-template.wxml页面写好name属性;然后import引入的时间通过name获得即可

　　8.常用的wxml标签

　　view，，，text，，，icon，，，swiper，，，block，，，scroll-view等等，，，这些标签直接查官网文档即可

　　小程序框架、各个页面以及宣布上线的注重点

　　1.整个框架中的一些注重点

　　(1)整个wxml页面，，，最底层的标签是。。

　　(2) 每个页面顶部导航栏的颜色，，，title在本页面的json中设置，，，若是没有设置的话，，，取app.json中的总设置。。

　　(3)json中不可写注释，，，否则会报错的。。

　　(4)路由相关

　　1)使用wx.SwitchTab跳转tab页的话，，，在app.json中除了注册pages页面，，，还需要在tabBar中注册tab页，，，才华生效。。

　　注重：tab最多5个，，，也就是我们说的头部或者底部最多5个菜单。。其他的页面只能通过其他路由要领翻开。。

　　2)navigateTo是跳到某个非tab页，，，好比接待页，，，影戏详情页，，，都会选择页;在app.json中注册后，，，不可在tabBar里注册，，，否则同样也是不可跳转的。。

　　3)reLaunch跳转，，，新开的页面左上角是没有退回按钮的，，，本项目只用了一次，，，切换都会的时间。。

　　(5)页面之间转达参数

　　参数写在跳转的url之中，，，然后另一个页面在onload要领中的传参option吸收到。。如下转达和获取id

　　(6)data-开头的自界说属性的使用

　　好比wxml中我们怎么写

　　点击的事务工具可以这么。。，，var postId = event.currentTarget.dataset.postid;

　　注重： 大写会转换成小写，，，带_符号会转成驼峰形式

　　(7)事务工具event，，，event.target和event.currentTarget的区别：

　　target指的是目今点击的组件 和currentTarget 指的是事务捕获的组件。。

　　好比，，，轮播图组件，，，点击事务应该要绑定到swiper上，，，这样才华监控恣意一张图片是否被点击，，，

　　这时target这里指的是image(由于点击的是图片)，，，而currentTarget指的是swiper(由于绑定点击事务在swiper上)

　　(8)使用免费的网络接口：

　　本项目中用到了 和风天气api，，，腾讯地图api，，，百度地图api，，，豆瓣影戏api，，，聚合头条新闻api等，，，详细用法可以看各自官网的接口文档，，，很详细的

　　注重：免费接口是有会见限制的，，，以是若是用别人的组件用了这种接口的话，，，最好照旧自己注册一个新的key替换上

　　附上一个免费接口大全：

　　https://github.com/jokermonn/-Api