open-data如何设置头像样式设置为{display:block;溢出：隐藏；然后就可以正常设置样式了，包括圆形头像等用户授权按钮。设计思路授权按钮设计成全屏透明的，用户可以点击屏幕任意位置发起授权。在小程序中使用Promise，引用npm中的es6-promise；使用如下函数封装微信API，将其转化为Promise调用：>resolve(res);obj.fail=res=>reject(res);fn(obj);})}}...调用方法：utils.promise(wx.request)({url:...}).then(response=>{...})...使用::after伪元素添加半透明Background.elem{/*为元素本身添加样式*/position:relative;/*使用这个元素作为后面伪元素的定位参考*/z-index:10;/*渲染在伪元素之上*//*OthersStyle,size,font,etc.*/}.elem::after{/*给元素添加::after伪元素并设置为半透明：*/内容：””;位置：绝对；左：0；背景色：白色；不透明度：0.2；/*其他样式，大小要和主元素保持一致*/}在开发阶段给所有元素添加虚线边框。小程序WXSS好像不支持“*”选择器，所以只能用下面的笨办法：/*仅供测试，请删除*/view,icon,text,rich-text,progress,image,button,文本区域，开放数据，导航器，canvas,checkbox,form,input,label,picker,radio,slider,switch{outline:1pxdashedlightblue;}渐变背景支持为了在开发工具中有效，需要使用“-webkit-”前缀：。mainbg{背景：-webkit-线性梯度（左，#18b6ff，#aa29ff）；background:linear-gradient(left,#18b6ff,#aa29ff);}占用垂直方向的剩余空间利用CSS的calc功能，结合vw、vh等单位，可以动态设置css的length{height:计算（100vh-300rpx）；让小程序支持serversession主要是添加cookie支持，可以封装wx.request方法来实现1）解析响应的Set-Cookie响应头，并将cookie保存到本地2）每次请求后，把本地保存cookie到Cookie请求头中。开发工具没问题，但是在手机实测中WebSocket会话丢失。使用上述方法包裹wx.request，基于Cookie的服务端Session可以正常使用，在开发工具上，握手时连接WebSocket也可以正常获取Session中的属性，但是发现session是在手机上实际测量时丢失。经过研究，估计是因为开发者工具是基于Chrome浏览器的，所以也自动带了WebSocket请求。Cookie是由浏览器缓存的，但是在手机端实现机制不同，所以没有Cookie请求头包裹wx.connectSocket，添加Cookie请求头点击用户头像跳转页面open-data不能绑定事件，简单实现即可使用导航器包裹open-data，无需写js代码即可点击跳转页面；navigator相当于html的a元素，默认是内联的，可以修改显示样式屏蔽重载按钮的样式，因为分享和客服的功能只有按钮才能唤起，但是无法使用视图或导航器。因此，为了统一界面，需要重载按钮样式。我程序的样式是半透明背景按钮，使用::after伪元素实现。这里有个奇怪的坑：好像按钮的默认样式放在了::after伪元素中像素缩小到原来的一半大小，所以需要添加一行transform来恢复到原来的大小：.btn::after{...transform:scaleX(1)scaleY(1);}对于转发，需要在Page中添加onShareAppMessage方法，否则点击右上角菜单时不会出现转发选项。除了右上角的菜单，可以通过onShareAppMessage方法通过from字段返回的对象，使用open-type="share"的按钮来区分事件源是菜单还是按钮在onShareAppMessage的参数中。自定义转发界面显示的内容。另外，可以在返回的对象中添加success/fail回调方法来判断转发是否成功，以便在程序中发放奖励。不会被调用，只对手机有效。阿里云RDS支持emoji表情。许多微信用户的名字都包含表情符号字符。这个问题必须解决。创建数据库时需要指定字符集为utf8mb4。确保MySQL数据库版本为5.7以上，确保mysql-connector-java版本为5.1.13以上。AlibabaCloudRDSBackground->InstanceDetails->ParameterSettings，修改character_set_server的值为utf8mb4SVG矢量图支持验证经测试，三个终端均支持SVG背景图，支持“data:image/svg+xml,...”embeddedsvgimageimage对象，src可以直接引用本地或网络svg图片，但不支持“data:image/svg+xml,...”直接嵌入svg图片CSS3clip-path支持验证经过测试，目前三端微信版本均支持clip-pathiOSCSS3动画BUG已验证。在iOS上，使用CSS3动画来实现动画。循环播放没有问题，但是定时播放有问题。因此，对于单次播放的动画，应该考虑过渡。
