index页静态搭建&&数据绑定&&事件绑定

一、静态搭建

        新建一个项目，在资源管理器中删除文件，只留下project.confit.json和sitemap.json文件之后，新建文件。

        1.全局

        （1）新建app.json文件，写入对象，“pages”字段，是数组，放路径

        （2） 新建app.js文件，注册小程序应用，输入App，选择第一个，对应代码自动补齐

         （3）新建app.wxss，放入全局公共样式文件

        2. 创建页面

                新建目录（文件夹）（此篇命名为pages）。每个页面有四个文件，为了方便管理 通常放在一个文件夹下，而不是暴露在全局，不方便后期维护。

        （1）创建一个新文件夹，创建一个index页面文件，右击新建js、json、wxml、wxss文件。

        （2）在app.json里写入路径，设置窗口等，写入window，选择第一个，补齐代码后删除后三行代码，设置想要的窗口背景颜色（只支持16进制的表达方式）、字体颜色（只支持black和white）、窗口名字

        （3）搭建页面，做一个这样的页面

                         1. 页面内容

                                注意：图片不能粘贴，需要写路径，可以在本地新建一个文件夹（此篇命名为static），存放图片文件，再写入图片文件路径地址

                         2. 页面内容分布设置

                                整个页面颜色背景一致，那么在页面设计者的background颜色与app.json文件中的窗口背景颜色要一致。

                         注意：在全局样式那里设置页面布局占比100%。

                最后点击编译，出现如图所示的样式。

二、数据绑定

        1. 页面是初始数据

2. 修改数据

三、 事件绑定

 事件绑定

        catchtap非冒泡绑定事件

        bindtao为冒泡绑定事件

或者

 事件回调