微信小程序--学习笔录

一、为什么上传不成功

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

二、HTTPS 请求不成功

        tls 仅支持 1.2 及以上版本

三、网络请求的 referer

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


四、wx.navigateTo无法打开页面

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

五、扫描不能预览

        下载微信客户端版本号：6.3.27 及以上，只有小程序绑定的开发者有权限扫码体验。（ios与android区分，待查找在哪里看到过了）

         另外是参考官网文档，需要绑定相关信息才能体验（https://mp.weixin.qq.com/debug/wxadoc/dev/?t=20161122）

六、tabBar

       tabBar 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。

七、新的尺寸单位

   最后来说一下WXSS中新增和扩展的尺寸单位，对于做屏幕的自适应是非常有帮助的。

• rpx (responsive pixel，响应式px)，简单来说，就是不管什么尺寸的设备，总是认为屏幕宽度是750rpx
• rem (root em，根em)，也很简单，就是不管什么尺寸的设备，总是认为屏幕的宽度是20rem。

所以rpx和rem之间的换算，就是：

 

1rem = (750/20)rpx = 37.5rpx

设计师的设计稿一般都是按照px来做单位的，那么在开发阶段，开发人员就需要在px和rpx之间进行换算，具体可以如下来计算：

 

rpx = (屏幕实际宽度/750)px px = (750/屏幕实际宽度)rpx

因此，如果设计师的设计是以iphone6屏幕尺寸为参照(iphone6的屏幕宽度为375px)，则：

 

1rpx = (375/750)px = 0.5px 1px = (750/375)rpx = 2rpx