微信开发 - 杂项笔记
引言
此篇用来记录微信开发的一些操作和问题,便于以后当做为文档翻阅
- 为阅读原文的链接,添加分享时朋友圈里显示的文章Logo
<!-- wechat logo -->
<div id='wx_logo' style='margin:0 auto;display:none;'>
<img src="path/logo.png" alt="logo" />
</div>
- 这样添加到html里后,微信会自动识别出来
- 注意,logo图片的尺寸必须为 300px * 300px
BUG记录
1.微信安卓端App内置浏览器无法使用es2015(ES6)的 for of 语句 - 2016.06.14
- 因为目前浏览器对原生es2015没有很好的支持
- 想要使用需要打入polyfill - babel-plugin-transform-es2015-for-of
2.微信安卓端App使用scale3d问题 - 2016.06.21
- scale3d动画卡顿。如果某一页包含scale3d动画,则再做多个页面上下切换的时候,页面滚动也会卡顿
- 可能是安卓端微信内置浏览器内核渲染导致的问题
3.手机端页面的循环animation元素优化 - 2016.06.21
- 不要使用绝对定位来改变元素的位置(top, bottom, left, right)
- 使用transform是一个很好的选择(translateX, translateY, translate3d ... ),减少了浏览器渲染的负担,定位也容易很多。