Question

小程序 onshow 和 onload 的区别

Answer 1

onLoad: 页面加载时触发，从二级页面回来时不会触发。
onshow: 当小程序启动，或从后台进入前台显示，会触发 onShow, 从二级页面回来时也会触发。

Answer 2

引用大风吹起了123的回答：
└— Project-folder/ ·································· 项目所在目录

├— pages/ ······································ 页面目录

│ ├— index/ ··································· index页面

│ │ ├— index.js ······························ index页面逻辑

│ │ ├— index.wxml ···························· index页面结构

│ │ └— index.wxss ···························· index页面样式

│ │ └— index.json ···························· index页面配置(局部)

│ └— logs/ ···································· logs页面

│ ├— logs.js ······························· logs页面逻辑

│ ├— logs.wxml ····························· logs页面结构

│ └— logs.wxss ····························· logs页面样式

├— utils/ ······································ 公共脚本目录

│ └— util.js ·································· 工具脚本

├— app.js ······································ 应用程序逻辑 用于定义整个应用的逻辑

用来监听并处理小程序的生命周期函数、声明全局变量

├— app.json ································ 应用程序配置(全局) 对整个小程序的全局配置

配置小程序是由哪些页面组成，配置小程序的窗口背景色等

└— app.wxss ······························· 应用程序公共样式 用来设置整个应用的公共样式

1.app函数是一个全局函数，用来创建一个应用程序实例，每个应用程序都会有他的生命周期

2.page也是一个全局函数，用来创建页面对象

3.wxml文件是XML语法，不是HTML语法。简单来说：wxml ≈ xml + 事件系统 + 模板引擎

4.json文件是配置文件，按需而建。但app.json必须建

5.页面的所有配置或设置都会优先于全局配置或设置，即局部会覆盖全局的配置

6.WXSS具有CSS大部分特性，同时进行了扩充及修改。尺寸单位(rpx)可以根据屏幕宽度进行自适应。而目前只支持少量选择器(.class/#id/element/element, element/::after/::before)

7.每个文件夹内的文件名次统一，只有后缀名不同，因为json配置文件中最终会将所有的页面整合成一个页面，通过相同的名称，将页面与逻辑js、样式进行关联匹配。

8. 当应用程序启动时会自动执行项目目录下的app.js文件，在app.js中通过调用全局App([option])方法创建一个应用程序实例，其中通过参数指定的一些特定的方法，会在特定的执行时机去执行，也就是说通常所说的生命周期事件方法。其中app.js,app.json是必需的。

答非所问答非所问

Answer 3

└— Project-folder/ ·································· 项目所在目录

├— pages/ ······································ 页面目录

│ ├— index/ ··································· index页面

│ │ ├— index.js ······························ index页面逻辑

│ │ ├— index.wxml ···························· index页面结构

│ │ └— index.wxss ···························· index页面样式

│ │ └— index.json ···························· index页面配置(局部)

│ └— logs/ ···································· logs页面

│ ├— logs.js ······························· logs页面逻辑

│ ├— logs.wxml ····························· logs页面结构

│ └— logs.wxss ····························· logs页面样式

├— utils/ ······································ 公共脚本目录

│ └— util.js ·································· 工具脚本

├— app.js ······································ 应用程序逻辑 用于定义整个应用的逻辑

用来监听并处理小程序的生命周期函数、声明全局变量

├— app.json ································ 应用程序配置(全局) 对整个小程序的全局配置

配置小程序是由哪些页面组成，配置小程序的窗口背景色等

└— app.wxss ······························· 应用程序公共样式 用来设置整个应用的公共样式

1.app函数是一个全局函数，用来创建一个应用程序实例，每个应用程序都会有他的生命周期

2.page也是一个全局函数，用来创建页面对象

3.wxml文件是XML语法，不是HTML语法。简单来说：wxml ≈ xml + 事件系统 + 模板引擎

4.json文件是配置文件，按需而建。但app.json必须建

5.页面的所有配置或设置都会优先于全局配置或设置，即局部会覆盖全局的配置

6.WXSS具有CSS大部分特性，同时进行了扩充及修改。尺寸单位(rpx)可以根据屏幕宽度进行自适应。而目前只支持少量选择器(.class/#id/element/element, element/::after/::before)

7.每个文件夹内的文件名次统一，只有后缀名不同，因为json配置文件中最终会将所有的页面整合成一个页面，通过相同的名称，将页面与逻辑js、样式进行关联匹配。

8. 当应用程序启动时会自动执行项目目录下的app.js文件，在app.js中通过调用全局App([option])方法创建一个应用程序实例，其中通过参数指定的一些特定的方法，会在特定的执行时机去执行，也就是说通常所说的生命周期事件方法。其中app.js,app.json是必需的。