微信小程序开发常见问题(四)

知晓程序员,专注微信小程序开发的程序员!

一、小程序不同页面之间的传值方式

a、URL传值

这种方式最常用,比如:

wx.navigateTo({
  url: '../detail/detail?cid='+cid+'&access_token='+access_token
})

这里面直接通过跳转页面的URL进行传值,然后在另一个页面进行接收:

onLoad: function (opt) {
  console.log('cid =' + opt.cid);
  console.log('access_token =' + opt.access_token);
}

这种传值方式只适合值比较少的时候使用,传值比较多的时候,还是建议写本地缓存~

b、本地缓存

小程序API提供了本地缓存数据的API,默认可以缓存10M的数据,如下:

wx.setStorageSync('checkin', checkin);

checkin是一个object,在需要的页面直接调用wx.getStorageSync即可获取,这样就解决了传值较少的问题了。

c、全局APP

其实还有第三种方式,就是全局APP变量。app.js和app.wxss中的代码都是全局生效的,所以我们可以利用这一点儿,在不同页面之间进行传值。

App({
  onLaunch: function () {
    
  },
  globalData: {
    host: 'https://api-xcx-qunsou.weiyoubot.cn/xcx',
    // 版本升级时这里的version加1并替换versionFeature的文案即可
    version: 2,
    versionFeature: '更新说明'
  }
})

也可以在其他JS里面动态修改globalData,如getApp().globalData.host = 'XXX';

二、textarea的键盘BUG

有同学可能会遇到这个问题:show-confirm-bar='false'设置不生效,导致键盘还带有“完成”按钮,预期效果是没有“完成”button~

这个值如果要设置为true的话随便输入就可以了,但是如果是要设置false的话就需要设置变量或者留空:

show-confirm-bar='' 或者 show-confirm-bar='{{showConfirm}}'

三、小程序中如何生成分享小程序码

官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.html

(微信小程序官方文档不支持搜索,这真是太TM坑人了~)

文档大家自己去看吧,我们需要注意以下几点:

1、通过该接口,仅能生成已发布的小程序的二维码。

2、可以在开发者工具预览时生成开发版的带参二维码。

3、接口A加上接口C,总共生成的码数量限制为100,000,请谨慎调用。

4、POST 参数需要转成 json 字符串,不支持 form 表单提交。

5、auto_color line_color 参数仅对小程序码生效。

另,今天下午微信小程序官方发布重大消息:

1、小程序支持打开APP了

2、小程序标题栏,想变就变

看到这两条消息后,先想到的是:

1、能否在小程序中直接打开支付宝红包?目前从官方介绍中没发现可以这样做,看有没有哪家小程序搞出点儿名堂~

2、小程序标题栏可以变化之后,是否可以像APP里开屏广告一样,全屏展示广告?tabbar可能是个坑人的地方~

原文发布于微信公众号 - 知晓程序员(bainaweb)

原文发表时间:2018-01-25

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯NEXT学位

浅谈vuex应用场景

1091
来自专栏Youngxj

emlog插件评论者信息显示1.3修复版

2563
来自专栏沃趣科技

等待事件统计视图 | 全方位认识 sys 系统库

在上一篇《内存分配统计视图 | 全方位认识 sys 系统库》中,我们介绍了sys 系统库如何查询内存事件统计信息和buffer pool统计信息,本期的内容先给...

790
来自专栏前端儿

[前端] 记录工作中遇到的各种问题(Bug,总结,记录)

而AjaxFileUpload插件的上传文件处理方式是,获取返回的实体内容,直接进行eval 解析,解析失败,报错,则无法上传

2061
来自专栏计算机编程

SNS项目笔记<一>--项目启动

在新版本下,ionic得到的健硕性的更新,angular却减少了自己的体积,正所谓:“ionic吃好了,angular减肥了”于是我们也可以抛弃以前的一些坑,直...

712
来自专栏Material Design组件

Human Interface Guidelines —— Page Controls

1045
来自专栏Python攻城狮

Django教程(二)- Django视图与网址进阶1. HTML表单2.CSRF3.代码操作

HTML 表单用于搜集不同类型的用户输入。 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、...

764
来自专栏前端杂货铺

puppeteer实现线上服务器任意区域截图

整个九月份由于业务繁重以及玩心颇重,一直没有机会来写一篇博文。而且笔者于十月一日将会举办人生大事--婚礼,现在家里筹办过程中只能抽出零碎的时间来写这篇文章。

842
来自专栏搞前端的李蚊子

微信小程序模板消息详解

先放代码 wxml: <form name='pushMsgFm' report-submit bindsubmit='orderSign'> <vi...

4719
来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

React Native0.50+开发指导

概要 本文主要对React Native 0.50的关键性的更新做个讲解和开发适配指导,希望能对从事React Native开发的你有所帮助: 在兼容性方面新增...

2544

扫码关注云+社区