在微信小程序常见问题汇总(405840013)和解决方案
微信小程序的常见问题:1:项目结构
在微信程序项目的结构有四种主要类型的文件,如下
wxml(威信标记语言)是一套框架设计的标记语言,它结合的基本部件和事件系统构建网页的结构,内部主要是一组由微信本身定义的组件。
wxss(威信样式表)是一套风格语言用来描述wxml组件样式。
js逻辑处理,网络请求
JSON的小程序的设置,如页面注册,网页标题和TabBar。
注意:为了便于开发人员减少配置项,指定描述页的四个文件必须具有相同的路径和文件名。
根目录中名为app的四种中等类型的文件是程序入口文件。
app.json
有必要有这个文件。如果没有这样的文件,项目不能运行,因为微信的框架,以此为配置文件条目和整个小程序的整体结构,包括网页注册,网络设置,和小程序窗口的背景颜色,设置导航栏的风格,并配置默认的标题。
app.js
有必要有这个文件,并且不会有错误。但是这个文件被创建了,不需要写任何东西。
在这个文件中,我们可以监视和处理小程序的生命周期函数,并在这个文件中声明全局变量。
app.wxss
样式文件的总体配置,不需要项目。
知道一个小程序的基本文件结构,你可以开始研究官方演示了。如果你不了解研究的过程,你可以去官方的文档找到答案。如果你找不到答案或问问题,你可以在这个博客上留言,互相交流。
二:常见问题
Rpx(敏感点)
微信小程序定义了一个新的单元的大小,可以用不同的分辨率的屏幕相匹配,它提供了屏幕宽度是750rpx,在iPhone6,屏幕宽度是375px,共750像素,750rpx = 375px = 750 = 0.5px = 1rpx像素,1像素。
我用所有的RPX尺寸在这个项目中,我遇到了一个非常精彩的问题在项目中有一个直接在相邻的两个信息的分割线。我把线的高度1rpx,但没有单独的分割线不显示。
你看到在第一和第二直接和不现实的这条线,但其他显示属性的分割线是相同的,但在不同的手机(分辨率不同)不显示的分界线是不同的,一些解决几个线是不显示的,不知道这是错误的或RPX错误模拟器。最终的分割线的高度尺寸单位以PX来解决这个问题。
40013错误
当微信的小程序,刚出来,如果你输入AppID提示这一信息,这意味着没有裂纹。但现在官方软件更新可以选择没有AppID发展。选择以下图表。我们可以选择这个方案没有AppID。建议政府开发工具被安装,你可以在这里找到一个下载链接。
4058错误
当微信小程序创建的项目,他们选择没有AppID。当他们创建的项目,他们将产生app.json。app.josn是程序启动的最重要的文件。程序页面注册窗口设置,标签设置和网络请求时间的设置都在该文件。如果在您创建项目目录没有app.json文件,下面的错误将被报告。
我们看到上面的错误信息在一个数字4058,这应该是一个小程序,满足最入微信错误的开始,这是普遍缺乏一个文件的路径,在路径是否有此文件。此错误的原因通常是不创建一个项目的选择权目录,或不存在的网页注册在app.json。
当然,也有一种情况是,不创建网页上app.json文件页面注册,或者你删除一个页面,但是没有注册也是一个4058错误。
页面错误登记
这个错误可能是容易理解的,一个网页登记错误。它是通过页面对象渲染页面,每个页面对应的js文件必须创建页面,最简单的方法是在js文件写的网页,有({ })管理页面生命周期中的渲染页面和数据处理,在这个事件的完成。这个错误通常是由一个页面的创作造成的,和js文件也被处理或被遗忘。所以进入创建页面并在JS文件的同时创建网页的习惯。
页面路径错误
字面意义是页面路由错误。在WeChat有两个路线,其中之一是用于wxml文件。
以下代码:
wxml文件:
js文件事件处理函数:
Bindtap:功能(事件){
Wx.navigateTo({
URL:搜索搜索
})
}
如果您这样写,祝贺您,您将看到上面的错误,因为重复调用路由是由于删除路由和删除造成的。
搜索
这也是不允许的,也就是说
当前页中没有*处理程序。
它不是当前的页面,确保你已经定义,同时指出可能的地点页面 /留言/消息错误,事实上,这个问题是我们一般定义在wxml一些处理事件,但并未实现JS文件的事件处理方法,该错误发生然后系统提示添加事件处理的JS文件,和下面的代码将不会被添加。
函数(事件){
Wx.navigateTo({
URL
页日志/日志
})
},
TabBar设置不显示
有很多原因,tabbar不显示。寻找这个错误去app.json文件是最常见的错误。最常见的错误是微信学习。
注册页面是写在app.json页字段,如
页:{
页/索引/索引
页
页帐户帐户
页 /更多
},
tabbar的写作错误是不显示的,和大写字母B写的是小写,导致TabBar不显示。
没有pagepath场写在TabBar列表,或在pagepath页面没有注册
在列表的pagepath的pagepath指定的pagepath没有写在注册页面的第一页。微信程序的逻辑是在页面的首页,这是第一页,第一页的程序启动后显示。If tabBar's list pagePath specified page is not the first pages, of course, it will not TV tabBar.
tabbar的数量少于两个或五个以上,与微信官方明确规定,至少五项至少两项TabBar。多或少不会显示TabBar。
navigationbartitle显示问题
通过这种动态图片你应该发现的问题,当你点击音乐进入音乐界面,标题显示的wechatforqq显示音乐,这种经验肯定是难以接受的,因为音乐界面标题在设置在JS文件页面的生命周期方法。
如果你不了解生命周期,你可以点击查看。
页({
数据:{
这是一个:页
},
onLoad:功能(选项){
初始化参数选项页面跳转页面带来
},
OnReady:函数(){
页面呈现完成
/ / navigationbartitle如果被设置在JSON文件,最后显示的标题栏,在这里
Wx.setNavigationBarTitle({
标题:帐户
})
},
OnShow:函数(){
页
},
OnHide:函数(){
隐藏页
},
onUnload:函数(){
关闭/页
}
})
你应该明白的指出,设置标题写在onready方法,即页面已经在标题文件的onready渲染和显示是JSON完成(覆盖关系,如果子页面JSON文件标题将标题应用JSON全局设置)。你可能会说,wx.setnavigationbartitle会写在onload函数,但如果这是错误的,因为onload执行直到页面在页面渲染,标题将从JSON文件的读取,加载标题会导致设置只有在页面渲染前展示,然后显示JSON文件的瓷砖,所以你现在应该明白这一设置的最佳位置是写一个JSON文件的电子文档,写的的文件,如果你想改变颜色直接添加的文件可以被写在文件属性的值将设置app.json覆盖的价值。
{
navigationbartitletext :帐户
}
wx.navigateto无法打开网页
一个应用程序只能打开5个页面时,当5页已打开,wx.navigateto无法正常打开新的一页。请避免多级互动,或使用wx.redirectto
无法通过CSS获得本地资源
背景图片:你可以使用一个网络图片,或Base64,或使用一个标签
页面间数据传输
微信小程序的路由(页面跳转)是通过API wx.navigateto或wxml
{项目名称} }
{项目}消息}
{项目}时间}
0}{项目}
在js文件的页面中接收数据接收。页面生命周期有一个onload函数,它是做一些初始化数据,onload函数有一个参数的选择,我们可以通过关键数据,如下。
页({
数据:{
这是一个:页
ishiddentoast:真
}
onLoad:功能(选项){
初始化参数选项页面跳转页面带来
console.log(选择题)
console.log(选项。消息)
},
OnReady:函数(){
页面呈现完成
},
OnShow:函数(){
页
},
OnHide:函数(){
隐藏页
},
onUnload:函数(){
关闭/页
},
函数(事件){
Wx.navigateTo({
URL
页日志/日志
})
},
})
谢谢你的阅读。我希望你能帮助你,谢谢你对这个站的支持。