【小程序】通过App.js等文件配置小程序系统环境

一、App.js （小程序入口、项目入口文件）

​

//App函数是一个全局函数，用于创建应用程序对象
App({
    // =======全局数据对象（可以整个应用程序共享）======
    globalData:{ ... },
    
    //======应用程序全局方法======
    methid1(p1,p2){ ... },
    methid1(p1,p2){ ... },
    
    //======生命周期方法======
    //应用程序启动时触发一次
    onLaunch(){ ... },
    
    //当应用程序进入前台显示状态时触发
    onShow(){ ... },
    
    //当应用程序进入后台状态时触发
    onHide(){ ... }
    
})

###### 小程序-调用公共js对象方法/ app.js
### 在小程序中，如果在子页面想调用共公js的方法，需先在子页面js中先实例化app:具体过程如下  子页面js:
    //调用公共js对象以便调用其方法
    var app = getApp();//获取应用实例
    // console.log(app)//可查看公共js（app.js）的方法
    Page({
      data: {
      "headtxt":app.productshead()//调用公共appjs的方法
      }
    })

二、App.json （项目全局配置文件）

综合更多请参考：

​​全局配置 | 微信开放文档​​

单页面的json，如下：

​​页面配置 | 微信开放文档​​

注意：如何解决预览指定页面问题，只需要在app.json中pages项中把文件名放在第一位就行了。

另外，创建文件，也可以在pages中的末尾输入文件名就自动创建了。

第二种方法：通过普通编译，选择添加编译模式，增加指定页面的编译预览！

三、App.wxss （项目全局默认样式）

/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
}