关于前端:记录微信小程序中遇到的问题

一、页面窗口体现配置

每一个小程序页面也能够应用同名.json文件来对本页面的窗口体现进行配置，页面中配置项会笼罩app.json的window中雷同的配置项。
问题： 页面款式未失效
起因： 未将页面门路增加到app.json的pages数组中
解决：
1、要将pages目录下所有页面的门路，增加到app.json的pages数组中。

{     "pages":[         "pages/index/index",         "pages/profile/profile"     ],     "window":{ // 全局默认的窗口体现         "backgroundTextStyle":"light",         "navigationBarBackgroundColor": "#ff0000",         "navigationBarTitleText": "语言学习",         "navigationBarTextStyle":"white"},

2、页面配置：
在页面对应的.json文件中，配置与窗口无关的属性，将aap.json的window属性中雷同的配置项笼罩。上面是与页面导航栏相干的属性：

{     "navigationBarBackgroundColor": "#ffffff",     "navigationBarTextStyle": "black", // 导航栏题目色彩，仅反对 black/white，默认white     "navigationBarTitleText": "微信接口性能演示",     "navigationStyle": "#eeeeee" // 导航栏款式，仅反对以下值：default默认款式，custom自定义导航栏，只保留右上角胶囊按钮}

二、自定义页面导航栏

在页面配置文件中将导航栏款式配置为自定义， "navigationStyle": "custom"
问题： 自定义的返回按钮，点击无奈跳转到index页面，然而能够跳转到其余页面。
起因： 是因为在tabBar（app.json）中曾经将index页面配置为tab对应的页面所导致的。
解决：
有两种实现跳转的形式，对应的解决办法：
形式一、wxml文件:
<navigator style="margin: 20px;" url="/pages/index/index">go back</navigator>
默认：open-type="navigate"
增加：open-type="switchTab"

形式二、js文件:
`wx.navigateTo({

url: '/pages/index/index'

})`
用wx.switchTab()替换掉wx.navigateTo()即可。