微信开发 - 杂项笔记

引言

此篇用来记录微信开发的一些操作和问题，便于以后当做为文档翻阅

---

1. 为阅读原文的链接，添加分享时朋友圈里显示的文章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 ... )，减少了浏览器渲染的负担，定位也容易很多。