微信小程序开发的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=htmlau BufNewFile,BufRead *.wxss set filetype=css

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

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

10. wx.getUserInfo 之类的接口，当用户拒绝时，可以调用 wx.openSetting 给用户再次允许的机会。

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

首发于文武之道