修改项目首页、wxml、wxss、.js文件

• 只需要调整app.json->pages数组中页面路径的前后顺序即可。小程序会把排在第一位的页面，当作项目首页进行渲染
  默认index首页，将新添加的list页面调整到前面即可

WXML

与HTML的不同

是专门应用于小程序当中的标签语言

• 标签名不同
  HTML:div、span、img、a
  WXML：view、text、image、navigator
• 属性节点不同
  <a href="#">超链接</a>
  <navigator url="/pages/home/home"></navigator>
• 提供了类似于Vue中的模板语法
  数据绑定
  列表渲染
  条件渲染

WXSS

wxss是一套样式语言，用于描述WXML的组件样式，类似于网页开发中的CSS
wxss与css的区别：

• 新增了rpx尺寸单位
  1.css需要手动进行单位的换算，例如rem
  2.wxss在底层支持新的尺寸单位rpx，在不同大小的屏幕上小程序会自动进行换算

• 提供了全局样式和局部样式
  1.项目根目录中的app.wxss会作用域所有的小程序页面
  2.局部页面的.wxss样式仅对当前页面生效

• wxss仅支持部分css选择器
  1..class和id
  2.element
  3.并集选择器、后代选择器
  4.::after和::before等位类选择器

JS逻辑交互

小程序中的.js文件

• 一个项目·不仅仅能够展示界面，我们通过.js文件来处理用户的操作。例如：响应用户的点击、获取用户的位置等等

• 小程序中的.js文件的分类

• app.js
  作用：是整个小程序的入口文件，通过调用APP()函数来启动整个小程序

• 页面的.js文件
  作用：是页面的入口文件，通过调用Page()函数来创建并运行对应页面(文件里面有三个页面，每一个页面都有自己的.js文件，在里面需要调用对应的界面)

• 普通的.js文件
  是普通的功能模块文件
  作用：用来封装公共的函数或属性工业面使用