注册小程序账号，，，，，下载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