微信公众号网页开发和小程序开发之路

　　在微信公众号网页和小程序开发的过程中，难免会遇到一些知识外的兼容问题。在此记录我所遇到的问题，以便给需要的前端开发者查阅。 1、小程序使用外部字体

　　使用微信自带api，开发工具上有效，但真机测试无效

　　将字体进行base64编码，引入css，工具网站：https://transfonter.org

　　2、tabbar

　　小程序自带的tabbar不灵活，最好使用自定义tabbar 3、小程序与H5交互跳转

　　小程序->H5，引入webview即可

　　H5->小程序

　　4、小程序网络请求不保存Cookie，导致每次都会重新创建新的会话

　　解决方法：

　　登录成功后，先保存到stroage中，再请求其它服务时将cookie添加到请求头中

　　5、IOS打不开小程序的webview

　　以下三种可能仅供参考

　　6、JSSDK调起相机，图片转base64

　　安卓和IOS系统表现不同，IOS自带图片文件头

　　7、微信JSSDK调起摄像头可以在微信客户端中展示图片，但在电脑上无法预览

　　8、js判断浏览器是否是微信浏览器

　　9、小程序与H5之间的数据共享

　　小程序保存的数据H5无法获取，H5保存的数据sessionStorage、localStorage小程序也无法获取。而且H5保存的数据在经过进入小程序再进入H5之后也无法获取。暂没有好的解决办法，只能相互传参吧。 10、微信网页移动端开发引入调试工具

　　11、微信缓存严重

　　防止微信缓存在链接后加入随机数

　　Html头信息缓存设置

　　12、小程序上传代码与发布审核不通过

　　仅供参考

　　13、小程序标签的data-属性

　　data-属性，只能是小写，即使写成大写也会被转为小写，大写取不到值 14、小程序生命周期函数内如果嵌套函数内使用this，会报错

　　在嵌套函数外部定义this的复制变量，内部用that调用相关

　　15、IOS无法展示微软雅黑字体

　　IOS不支持微软雅黑，好像有版权问题，改成方正字体都支持

　　16、IOS中无法快速点击