奔三路 - 你30岁前的学习路!

奔三路学习网

当前位置: 主页 > 前端面试通 > 题库 >

小程序踩过的那些面试题坑,附答案解决方法

时间:2018-06-27 21:52来源: 作者:史密斯
实战经验,绝对减少你解决问题的时间
1、小程序写自定义的组件,要考虑什么?
答:微信小程序的版本不能太低,否则整个界面会显示一片空白

2、小程序底部菜单怎么跳转?要注意什么内容?
答:

通过 wx.switchTab就可以跳转

wx.switchTab({
       url: '/pages/search/search',
       success: function(e){
         var page = getCurrentPages().pop()
         if(page == undefined || page == null) return;
         page.onLoad()
       }
    })

跳转的时候,如果有传递不同的参数,然后显示不一样的数据,那么必须重新加载onLoad事件

3、小程序跳转传递中文参数要注意什么?
答:如果不是底部菜单的页面,直接在url后加?params=111。

但如果是底部菜单的跳转就不可以直接加在url后面,但可以使用wx.setStorageSync像HTML5本地存储或会话一样,先存起来。
然后在另外一个页面wx.getStorageSync。最后用完了记得重置这个值为空

4、小程序写在标签的属性data值,要注意哪些方面?
答:1、命名如果有大写,如:data-ID,在获取的时候都是小写,即:ev.currentTarget.dataset.id

5、怎么把小程序webview中的页面,在分享的时候加上指定标题和图片?
答:在新版本中,网页可以直接传递参数

wx.miniProgram.postMessage({
         data:{}})

然后在小程序中的web-view标签bindmessage="bindGetMsg"let options = e.detail.data[0]

然后在js中定义bindGetMsg方法,并接收网页传过来的值

this.setData({
    w_title: options.goods_name,
    img: util.httpUrl + options.img,
    share_url: '/pages/detailed/detailed?team_id=' + options.team_id + '&goods_id=' + options.goods_id
})


最后,分享的时候获取这些data即可

onShareAppMessage: function () {
    return {
      title: this.data.w_title,
      imageUrl: this.data.img,
      path: this.data.share_url
    }
  },


 

(责任编辑:admin)
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
史密斯 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2017-11-24 11:11 最后登录:2018-09-02 11:09

关注奔三路