微信加载小程序超时怎么办

大家都知道开发小程序很容易出问题。其实用小程序很容易出问题，尤其是微信长时间加载小程序。这种情况应该怎么处理？

rpx(响应像素)

微信小程序新定义了一个大小单位，可以适应不同分辨率的屏幕。它规定屏幕宽度为750rpx。比如iphone6上，屏幕宽度是375px，有750个物理像素，那么750rpx=375px=750个物理像素，1rpx=0.5px=1个物理像素。

我在这个项目中使用了rpx大小的单位，遇到了一个很棒的问题。两条相邻的信息之间会有一条分界线。我将线的高度设置为1rpx，但是没有显示单独的分割线，如下图所示

看到了吧，第一第二行直接没有实线，其他的都显示分割线属性是一样的，不同手机(分辨率不同)不显示的分割线也不一样，有些分辨率不同的分割线也不显示，不知道这是模拟器的bug还是rpx的。比较后，分割线的高度尺寸单位采用px，解决了这个问题。

40013错误

微信小程序刚出来的时候，如果输入appid提示这个信息，说明还没有被破解，但是现在没有appid也可以开发软件更新了。如下图所示，我们可以通过选择不带appid来解决这个错误。建议安装开发工具。你可以在这里找到链接。

4058错误

微信小程序创建小程序项目时选择no appid，创建项目时会生成app.json。app.josn是程序启动比较重要的文件，applet注册、窗口设置、tab设置、网络请求时间设置都在这个文件下。如果您创建的项目目录中没有app.json文件，将会报告以下错误。

我们可以看到上面的错误信息中有一个数字-4058，应该是进入微信小程序时遇到的比较常见的错误。这种错误通常是文件丢失，后面有路径，可以看看路径看看这个文件是否存在。通常，出现此错误的原因是为创建项目选择的目录不正确，或者在app.json中注册了一个不存在的页面

当然，还有一种情况是在app.json文件的pages中注册的页面没有创建，或者你删除一个页面，不取消注册就是-4058错误。

页面注册错误

这个错误可能很容易理解，页面注册错误。页面是通过微信小程序的页面对象呈现的，每个页面对应的js文件必须创建一个页面。比较简单的方法就是在js文件下写一个页面({})，其中管理页面渲染和数据处理的生命周期，所有事件都在这里完成。出现此错误的原因是页面刚刚创建，js文件已经处理或忘记处理。所以要养成同时在js文件中创建页面的习惯。

页面路由错误

字面意思是页面路由错误。微信中有两种路由方式，其中一种在wxml文件中使用

以下代码：

wxml文件：

js文件的事件处理程序：

bindtap:function(event){

wx.navigateto({

url:“搜索/搜索”

})

}

这样写的话，恭喜你，你会看到上面说的错误，是反复调用路由导致的。处理方法是删除一条路由并将其删除

搜索

这也是不允许的，也就是说，当前页面中没有*处理程序。

大致意思是当前页面没有这个处理，这样就可以确定是否已经定义了，同时也指出了错误页面/消息/报文可能的位置。事实上，当我们在wxml中定义一些处理事件时，通常会出现这个问题，但是如果js文件中没有事件处理方法，就会出现这个错误。然后我们根据提示给js文件添加事件处理，如下代码所示，添加后不会出现错误提示。

bindtap:function(event){

wx.navigateto({

url:“搜索/搜索”

})

},

不显示标签栏设置

小程序自定义tabbar不显示的原因有很多。查找此错误并直接转到app.json文件。比较常见的错误是，刚学微信小程序比较容易犯的错误无非是以下几点

要注册页面，请将页面写入app.json的pages字段，如所示

第' :页[

页面/消息/消息'，页面/联系人/联系人'，页面/动态/动态'，页面/动态/音乐/音乐'，页面/索引/索引'，'页面/日志/日志'

]

tabbar由于写错不显示，大写字母b写小写，导致tabbar不显示。

页面路径字段未写入tabbar列表，或者页面路径中的页面未注册

由tabbar列表的pagepath指定的页面不会写入第一个注册页面。微信小程序的逻辑是，‘pages’中的第一页就是首页，也就是程序启动后显示的第一页。如果tabbar列表中pagepath指定的页面不是第一页，当然tabbar也不会上电视。

tab bar的数量低于两个或者高于五个，微信规定至少两个tab bar比较多五个。如果tabbar大于或小于，则不显示。

导航条显示了这个问题

你应该通过这个动态图发现问题。当您音乐进入音乐界面时，title首先显示微信论坛的音乐，然后再显示。这种体验肯定是不能接受的，因为音乐界面的标题是在js文件中页面的生命周期方法中设置的。

如果不了解生命周期，可以查看

页面({

数据：{

//text:“这是一页”

},

onload:function(选项){

//页面初始化选项是页面跳转带来的参数

},

onready:function函数{

//页面渲染完成

//navigationbartitle如果这里和json文件都设置好了，比较后在这里显示标题栏

wx.setnavigationbartitle({

标题：“音乐”

})

},

onshow:function{

//页面显示

},

onhide:function{

//隐藏页面

},

onunload:function{

//页面关闭

}

})

你要通过评论了解到，设置的标题是用onready方法写的，也就是页面已经渲染过了，onready之前显示的标题是json文件中的标题(覆盖关系，如果在子页面的json文件中设置标题，会覆盖app.json的全局设置)。可能你会说wx.setnavigationbartitle是在onload函数中写的，但是如果这个设置错了，因为onload执行之后会呈现页面，在呈现页面的时候会从json文件中读取标题，这样onload设置的标题只会在页面呈现之前显示，然后才会显示json文件的平铺。因此，现在您应该明白了，设置ette的比较佳位置是为子文件编写一个json文件，并将其写入文件中。如果要改变颜色，可以直接在文件中添加，文件中写入的属性值会覆盖app.json中设置的值

{

navigationbartitletext': '音乐'

}

wx.navigateto无法打开页面

一个应用程序只能同时打开5页。打开5页后，wx.navigateto无法正常打开新页面。避免多级交互，或者使用wx.redirectto

本地资源不能通过css获得

背景图片：可以使用网络图片，或者base64，或者使用

标签

页面之间的数据传输

微信小程序路由(页面跳转)是通过api wx.navigateto或者wxml

{{item.title}}

{{item.message}}

{{item.time}}

{{item.count}}

数据在js文件的页面中接收。页面生命周期中有一个onload函数，就是做一些数据初始化工作。onload函数有一个参数选项，所以我们可以通过key获取数据，如下所示

/* *作者：杜绍

*新浪微博：http://weibo.com/dushaoxiaoxiao

*博客： http://www.takozhang.cn

* */

*

页面({

数据：{

//text:“这是一页”

ishiddentoast:true

}

onload:function(选项){

//页面初始化选项是页面跳转带来的参数

console.log(选项. title)

console.log(选项.消息)

},

onready:function函数{

//页面渲染完成

},

onshow:function{

//页面显示

},

onhide:function{

//隐藏页面

},

onunload:function{

//页面关闭

},

bindtap:function(event){

wx.navigateto({

url : '/page/message/search/search '

})

},

})

在上面的文章中，我们介绍了很多使用小程序时容易出现的问题，包括微信加载小程序超时。希望源社网小程序频道提供的这些信息能对大家有所帮助。

下面是题目的开头。小程序路径传递参数是怎么回事？标题到此结束

通过小程序路径传递参数有什么问题？很多新手在开发微信小程序时会遇到不同的问题，其中，小程序路径的参数如何传递就是其中之一。让我们和小编一起看看小程序的路径传递参数的细节。

通过小程序路径传递参数有什么问题？

资料组

您可以在组件中定义数据，这些数据将通过事件传递给服务。

书写方式：以data-开头，多个单词用连字符-链接，不能大写(大写会自动转换成小写)，如data-element-type。比较后，连字符将在event.target.dataset中转换成hump elementtype

例1:

a.js将数组传递给b.js:

a.js

b.js

效果图：

可以看出，直接打印json.stringify后，是字符串；json.parse并以objectge格式打印出来。

例2:

wxml:

微信小程序js:

事件打印结果：

注意两点：

1.数据名不能有大写字母。如果需要，可以用-(中间的破折号)连接单词。编译时，小程序会自动将第二个单词的第一个字母大写。图中的小程序代码是自我标记的，所以第二个字的第一个字母被覆盖了，其实没必要。对象不能存储在data-*属性中。

2.注意打印结果中目标和当前目标的区别。

目标触发事件的源组件。

p

由currenttarget事件绑定的当前组件。

如果您将事件绑定到父容器并传递参数，当您单击父容器时，绑定到事件的applet组件和触发事件的源组件是同一个元素，因此currenttarget和target都可以获取参数，但是当您单击子元素时，target不是绑定到事件的组件，因此它无法获取参数。

由于事件冒泡的机制，绑定在父容器上的事件仍然可以被触发，所以currenttarget仍然可以得到参数。

描述：