微信小程序的制作基础部分（一）

• 主要的结构
  左侧栏结构：调试部分和编辑部分

  • 调试部分
    打开debug，在console部分可以看到整个程序的运行界面，并根据相应的变量判断在哪个位置运行失败。

  • 编辑界面
    包含三个部分：pages,utils和app部分
    app包含app.js，app.json和app.wxss三个大部分。
    app.js：用于写入方法和变量即Function和data或者globalData即全局变量，变量可在其中进行初始化。
    app.json:即整体界面的结构。pages:页面，即包含的所有页面。windows:窗口结构，包含导航栏的颜色等等。tabBar:下部导航栏，相当于android里面的连接Fragment。debug:调试，等于布尔类型，只有true和false。而在tabBar里面还有一个list性质，用于包括小程序的每个部分。

    app.wxss，则可以理解为CSS样式，分别对应每个部分的高度，宽度，方向等性质。

• pages的构成：即使每个页面，每个页面也包括了三个对应的文件，此外还有一个wxml的文件，相当于android的layout里面的xml文件。
  wxml文件里面也包含控件，等同于android一样，类似于button，这个里面也有button，text
  在两个方括号之间里面有

`<text>输入文字或者变量</text>`

<image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>

输入class或者方法