微信小程序开发积累的9条实用经验

1. 下拉刷新不回弹,要在 complete 回调中运行 wx.stopPullDownRefresh()

2. 设置图片横向滚动,需要在 scroll-view 的 CSS 中添加 white-space:nowrap;display:flex;

而 scroll-view 里面的 item 要设置成 display:inline-block;

3. 微信小程序开发 wx.request 发起 POST 请求,默认发送的都是字符串类型,请求中需要加上 header: content-type: application/x-www-form-urlencoded

4. 微信小程序开发工具Mac客户端无法发送请求,wx.request 报错,需要在“详情”下勾选“不校验安全域名,TLS版本以及HTTPS证书”

5. 只有 button 能加上  open-type=“share”,而且 button 样式的修改需要选择 button::after

6. app.json 中的 pages 列表,第一个URL是小程序默认首页,每个页面都要添加进去

7. vim 编辑器代码高亮,vimrc 中可将 wxml 为 html 格式,wxss 设为 css 格式

au BufNewFile,BufRead *.wxml set filetype=html
au BufNewFile,BufRead *.wxss set filetype=css

8. 微信客户端无法直接获取 open_id,需要在客户端获取 code,然后发送到第三方后端服务器,由服务器携带 code 向微信服务器发起请求,才能获取单个用户的 open_id 等信息。


9. 郑州微信开发工具的模拟器与真机的显示效果无法对应,最好还是在真机上测试一下。而且如果微信开发工具的模拟器总是无法如预期的显示,最好重启一下开发工具,说不定就正常了。

10. ( @404.html 补充)wx.getUserInfo 之类的接口,当用户拒绝时,可以调用 wx.openSetting 给用户再次允许的机会。


郑州微信小程序开发公司补充:404 兄在评论里说了一个很好的关于button样式修改的方法,可以将原生button设为透明,然后在其下面做一个所需按钮形状色彩的组件,用户点击时仍然会触发button事件。


声明:文章"微信小程序开发积累的9条实用经验"为郑州诚智APP开发公司分类 微信小程序开发 原创文章,转载请注明出处,谢谢合作!
精工细作,为您量身定制android APP应用软件
标签: 微信小程序开发

联系我们

如有任何疑问请联系我们,我们7*24小时竭诚为您服务!

13733180307

在线QQ客服
8:30-20:30
关注官方微信
XINPUNENG
客服在线咨询
7*24小时在线