一、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 (项目全局配置文件)

综合更多请参考:

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

​entryPagePath​

string

小程序默认启动首页

​pages​

string

页面路径列表

​tabBar​

Object

底部 ​​tab​​ 栏的表现

​window​

Object

全局的默认窗口表现

​networkTimeout​

Object

网络超时时间

单页面的json,如下:

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

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

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

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

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

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

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

三、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;
}