zhichi_admin 发表于 2016-11-21 09:43:57

微信小程序常见问题及新手跳坑指南 每日更新 欢迎补充

以下为一些微信小程序常见问题整理,如果你有需要补充的可以在楼下回复进行补充,如果本帖内容有误,请回复,感谢!
在微信小程序里面能直接访问外部链接么不能


怎么自动给每个新页面都添加一个固定的浮层?手动用template引入肯定是可以的才疏学浅,能想到的只是调用模板。 定义模板使用name属性,作为模板的名字。然后在<template/>内定义代码片段,如:<template name="msgItem"> <view>   <text> Time: {{time}} </text> </view></template> 使用模板使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入,如:<template is="msgItem"data="{{...item}}"/>Page({ data: {   item: {   time: '2016-09-15'    }}})

进到一个页面,校验登录,失败,跳登录页;直接执行navigateTo或者redirectTo,调试器是可以正常工作的,但是手机端不可以,可以加定时器缓解,但是好像还是没法根治,在onlunch,onShow,onload都试过,都不怎么好用,请问问题出在哪里?试试onReady。 onReady      Function      生命周期函数--监听页面初次渲染完成 这才是页面渲染完毕的回调。

小程序里可以用iconfont之类的图标字体吗?一般web开发定义样式的话,有:外部样式,内部样式,内联样式。 显然小程序没有提供link、style标签,所以定义样式的地方只有wxss文件里和内联样式。小程序API明确规定:本地资源无法通过css 获取。在wxss加载外部字体库目前测试也是不生效的。 建议:background-image:可以使用网络图片,或者 base64,或者使用<image/>标签。小图标直接转成base64,直接写在代码里,体积也很小,还方便。图标可以统一写在一个js里,到处引用。

微信小程序的路径是怎么计算的?https://static.dingtalk.com/media/lALOhghFr80Bd80DXA_860_375.png_620x10000q90g.jpg如图,root_path的路径为什么要这样写?@bbmjfpig上一层 :index同级再上一层:information同级再上一层:pages同级 你要调用pages同级的function下的js,当然要返回三层

request合法域名怎么配置啊,有木有配置好的大神发来看看呀!
用你申请小程序的后台账号,登录微信公众平台。然后点击设置,可配置服务器信息。http://bbs.larkapp.com/data/attachment/forum/201611/14/161411fw2ccl2lcaezhhul.jpghttp://bbs.larkapp.com/data/attachment/forum/201611/14/161512n8htmrltuwqvvxlq.jpg

请问一下,首次打开的时候会出现一个选择界面,进行选择之后进入主页,下次再打开就不再显示这个选择界面,直接显示主页,这个应该怎么实现呢?如果在一个空界面直接进行跳转,初次打开的时候空白界面会先显示一下,才会跳转对应的界面,这应该怎么处理呢?@bbmjfpig 目前首页的设置,默认是在app.json的pages的第一个页面。每次重启打开都会显示这么页面。 如果楼主想要一个选择页面并且没有停顿体验的话,可以在首页上添加额外的view层来解决,一次显示,之后display设置none,显示与否可以在本地存储一个标识。

微信小程序如何被用户打开,并且是自动获取用户的ID和头像的么?就是说我做了一个叫大姨吗的微信小程序,可是我怎么让别人发现这个小程序,并且登录注册进去呢?
@bbmjfpig
目前只是开放公测阶段,并没有正式上线。关于小程序的入口,除了分享二维码外,还有想象空间~ 获取用户信息,需要代码调用api。 先调用wx.login 然后wx.getUserInfo 就可以获得用户的名称和头像了。 这过程对用户来说是透明的。 示例代码:wx.getUserInfo({
success: function(res) {
    var userInfo = res.userInfo
    var nickName = userInfo.nickName
    var avatarUrl = userInfo.avatarUrl
    var gender = userInfo.gender //性别 0:未知、1:男、2:女
    var province = userInfo.province
    var city = userInfo.city
    var country = userInfo.country
}
})


微信小程序有什么办法做像div那种锚点,例如点右边的b 可以跳到b的那一行http://bbs.larkapp.com/data/attachment/forum/201611/14/162418gmpd01pkj92kh62z.png@抓狂狗蛋没有锚记,可以用scroll-view中的scroll-into-view    https://mp.weixin.qq.com/debug/w... iew.html?t=20161107

使用ffmpeg 将silk转mp3失败,哪位大神成功过的,辛苦给下思路,不胜感激!
@gxmzjxk 用的gitHub上面的decoder开源库,先解码silk,再转MP3https://github.com/kn007/silk-v3-decoder

微信小程序   navigateTo 只能使用五次五次之后无效怎么处理的?答:不是只能跳转5次,而是跳转层次只能是5层,注意理解。 页面一层一层往里跳进,最多5层。是这个意思。

微信小程序中能否用js更改app.js中的globalData?怎么实现?不能更改的话怎么实现在当前页面中设置一个属性,在另一个页面中也能显示出来?答:可以修改啊,globalData只是设置在app.js 的一个object数据,你可以直接改的。 比如:在globalData里有一个users= ['张三', '李四']; 在任意一个js里可以修改:getApp().globalData.users= ['王五', '赵六'];

wx.showToast({title:'成功',icon:'success',duration: 2000})这个代码在开发工具里面提示不了啊,请问各位是怎么解决的?开发工具只能提示http://bbs.larkapp.com/data/attachment/forum/201611/10/174420f5bp81hiax7f317s.jpg求大神帮忙看下
答:现在是有这样的情况。IDE的代码提示和官方API不一致。 类似问题还有,IDE可以使用的组件,手机上不可以正常显示等。 版本问题,只能微信解决。在这之前,请手动敲入!!!开发者工具还美更新吧,看了下文档toast即将弃用,使用wx.showToast,但是开发者工具里还没更新

1、php自己的session是用来判断用户是否登录的,windows+apache的话,小程序的session咋存储。是存储到数据库中???还是哪???2、wx.login中的code哪个是用户的唯一标识?是openid吗??答:小程序在本地存储一个秘钥,每次请求的时候带过去,服务端校验这个秘钥,如果合法,返回成功和对应的数据

微信的check方法里面的参数是什么?答:http://bbs.larkapp.com/data/attachment/forum/201611/10/174642v8adiab84uz9i38a.png
微信小程序的用户信息可以做登录吗?请问小程序的用户信息可以做登录吗,只有头像和昵称,都没有唯一标识答:获取微信信息有唯一标识 http://bbs.larkapp.com/data/attachment/forum/201611/10/171027e1pko5okx20f7eex.png 这个应该是要和后台配合,自己生成一个session作为唯一标示,不能用openid http://bbs.larkapp.com/data/attachment/forum/201611/10/171105desh7uk7xjagmauq.png

swiper插件使用问题
感觉没办法,组件的体验需要微信的优化,组件都是封装好的改不了

小程序 post 参数一直进不去 服务器端没接收到。http://bbs.larkapp.com/data/attachment/forum/201611/09/114359i2b30sll74u20hrc.png

我试了下,php框架使用ThinkPhP。请求代码:wx.request({         url: 'http://localhost/api/getList',         data: {lastid:lastid,limit:limit},         header: {            'Content-Type':'application/json'         },         method:'post',         success: function(res) {                 var cc = res.data;         },         fail: function(res){},         complete: function(){}   }) post数据:http://bbs.larkapp.com/data/attachment/forum/201611/10/094726typ4t4of56iqiwoh.png 后台代码(查询后返回,使用ajaxReturn返回数据到前端):function getList(){             $list =M('mmc')->field('id,title,img,cTime')->limit($limit)->select();         $this->ajaxReturn($list);} 前端接收到的数据(success函数回调的res):http://bbs.larkapp.com/data/attachment/forum/201611/10/095300hzc6c5xlfciygwqg.png

关于php无法接收微信小程序POST传参刚刚开始按照微信官方的方法写了一个POST传参,后台使用php进行解析入库。但是突然发现GET能接收到传参,但是后台$_POST死活都没办法进行传参。
wx.request({
      url: 'http://localhost/XXX.php',
      data: {
      menu: data.detail.value.menu ,
      },
      /*header: {
          'content-type': 'application/json'
      },*/
      method:'post',
      success: function(res) {
      console.log(res.data)
      }
    })
查了资料,都说是
'content-type': 'application/json'
大小写的问题。但是我把它改成小写了还是不行。后来仔细研究了发现,微信小程序通过POST的不是字符串,而是JSON信息,所以在后台是无法直接用$_POST进行解析的。
这个是我们正常POST信息浏览器对后台文件发送的post信息
这个是小程序POST的信息,所以我们就要处理一下才行了
php获取信息如下:
$menu = file_get_contents('php://input');
$val = json_decode($menu,true);
echo($val['menu']);
把json转换成数组以后就可以正常的进行数据处理了!
小程序里的console在wing工具哪里看
点击调试即可

之前已认证的公众号不能用作开发小程序吗?
小程序是和订阅号、服务号以及企业号平行的新类型,所以需要在微信公众平台申请一个新的小程序号,需要重新认证。

特别好奇微信小程序能不能支持发送图标到桌面这个功能
安卓应该可以,苹果不行

微信小程序没有提供webview组件吗?
首先微信内跳转普通H5页面时,跳转地址是需要在国内备案的,否则会有警告提示。以微信的尿性,我个人估计小程序是不会提供webview组件让你自由加载第三方页面的,安全考虑。

<view wx:if="{{list}}">list是数组,怎么判断条数为0你说的是条件渲染吗?也可以<view wx:if="{{list.length ==0}}"> </view> 可以在 {{}} 内进行简单的运算,包括三元运算符、逻辑判断、算数运算

我想在首页顶部导航上添加一个按钮,点击后跳转到另外一个页面。请问怎么实现,谢谢了 微信小程序有相关的API: wx.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。 OBJECT参数说明: 参数       类型      必填      说明url       String      是      需要跳转的应用内页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如'path?key=value&key2=value2'success      Function      否      接口调用成功的回调函数fail       Function      否      接口调用失败的回调函数complete      Function      否      接口调用结束的回调函数(调用成功、失败都会执行)示例代码: wx.navigateTo({ url: 'test?id=1'})//test.jsPage({ onLoad: function(option){   console.log(option.query)}})注意:为了不让用户在使用小程序时造成困扰,我们规定页面路径只能是五层,请尽量避免多层级的交互方式。 wx.redirectTo(OBJECT)关闭当前页面,跳转到应用内的某个页面。 OBJECT参数说明: 参数       类型      必填      说明url       String      是      需要跳转的应用内页面的路径success      Function      否      接口调用成功的回调函数fail       Function      否      接口调用失败的回调函数complete      Function      否      接口调用结束的回调函数(调用成功、失败都会执行)示例代码: wx.redirectTo({ url: 'test?id=1'})wx.navigateBack(OBJECT)关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈,决定需要返回几层。 OBJECT参数说明: 参数       类型      默认值      说明delta       Number      1       返回的页面数,如果 delta 大于现有页面数,则返回到首页。 举个例子:点击一个按钮后跳转 buttonClick:function(e){   var agrs ='我是参数';   wx.navigateTo({       url: '../order/order?order=' + agrs   })}, 其中的URL是工程里目标页面的相对路径。至于你说的导航条左上角的按钮,需要自己去做UI,以上是逻辑层面的。

想开发一个社交小程序程序里面产生动态能提示用户么?微信的概念是不打扰用户,肯定不能随便给用户弹消息,但是有模板消息 是专门做消息通知的

想做个本地垂直类的服务型项目。小程序试用吗非常适合,试水成本也不高

怎么让<swiper>充满整个屏幕啊宽高都设置为100%,试试看

微信小程序多个组件动画,官方教程上都是单个组件的动画比如var animation = wx.createAnimation({
      duration: 1000,
      timingFunction: "ease",
      delay: 2000
      })
      this.animation = animation
   
      animation.scale(1).step();

      this.setData({
      AvatarShow:animation.export()
      })

<image class="avatar" animation="{{AvatarShow}}" src="{{userInfo.avatarUrl}}"></image>
这样的,但是我想让这个动画执行完毕了以后,控制<text class="userinfo-nickname">欢迎您:{{userInfo.nickName}}</text>
其他的组件做动画效果应该怎么做呢?    rotateThenScale: function() {
      this.animation.rotate(Math.random() * 720 - 360).step()
            .scale(Math.random() * 2).step()
      this.setData({ animation: this.animation.export() })

      setTimeout(function() {
            this.animation2.rotate(Math.random() * 720 - 360).step()
                .scale(Math.random() * 2).step()
            this.setData({ animation2: this.animation2.export() })
      }.bind(this), 3000)

    },
比如这个是我修改的官网示例,animation不同就可以控制不同的组建了,这个相当于获取了界面元素



官方Q&A

怎么获取用户输入能够获取用户输入的组件,需要使用组件的属性bindchange将用户的输入内容同步到 AppService。 <input id="myInput"bindchange="bindChange" /><checkbox id="myCheckbox"bindchange="bindChange" />var inputContent = {} Page({ data: {   inputContent: {}},   bindChange: function(e) {       inputContent = e.detail.value    }})

为什么脚本内不能使用window等对象页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,也无法在脚本中操作组件


为什么zepto/jquery 无法使用
zepto/jquery 会使用到window对象和document对象,所以无法使用。


wx.navigateTo无法打开页面一个应用同时只能打开5个页面,当已经打开了5个页面之后,wx.navigateTo不能正常打开新页面。请避免多层级的交互方式,或者使用wx.redirectTo


样式表不支持级联选择器WXSS支持以.开始的类选择器。如: .normal_view { color: #000000; padding: 10px;}可以使用标签选择器,控制同一类组件的样式。如:使用input标签选择器控制<input/>的默认样式。 input { width: 100px;}本地资源无法通过 css 获取background-image:可以使用网络图片,或者 base64,或者使用<image/>标签

如何修改窗口的背景色使用 page 标签选择器,可以修改顶层节点的样式 page { display: block; min-height: 100%; background-color: red;}


为什么上传不成功为了提升体验流畅度,编译后的代码包大小需小于 1MB ,大于 1MB 的代码包将上传失败。


HTTPS 请求不成功tls 仅支持 1.2 及以上版本


网络请求的 referer网络请求的 referer 是不可以设置的,格式固定为https://servicewechat.com/{appid}/{version}/page-frame.html,其中 {appid} 为小程序的 appid,{version} 为小程序的版本号,版本号为 0 表示为开发版。

jackjack417 发表于 2020-4-23 15:08:49

我有流量,你有产品,我们就可以合作,有意的个人开发者朋友可以联系微信号jim20180688,详聊                                                                                               
页: [1]
查看完整版本: 微信小程序常见问题及新手跳坑指南 每日更新 欢迎补充