在开发小程序的过程中遇到了一些问题，记录研究如下
1.小程序tabBar图标失真
![]()
左边的是失真的，右边的是处理后的。研究了一下，并请教了别人原来是png图片的分辨率太小了，一开始在iconfont阿里巴巴矢量图标库里下载了像素为16的png图片，结果失真，换成32之后就好了。
2.小程序下拉刷新不显示圆点，下拉不回弹
第一个小问题涉及到小程序中的json文件是配置文件,用来配置小程序页面，
每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。
只是设置 app.json 中的 window 配置项的内容，页面中配置项会覆盖 app.json 的 window 中相同的配置项.
两者的区别是，app.json 是全局型的下拉刷新，而***.json 是单个页面的下拉刷新
那么如何设置显示刷新小圆点呢？
第一步：
在单独的json文件中设置{ "enablePullDownRefresh": true}
表示是否开启下拉刷新，不是在全局json文件中设置
第二步：
开启下拉刷新之后，显示小圆点，在json文件中配置backgroundTextStyle来设置下拉背景字体、loading 图的样式为dark
全局，单个json文件中配置均都可以
解决了小圆点显示的问题，接下来就是解决下拉不回弹的问题
在前面开启了全局下拉刷新（单个json文件也可），接下来就是在js文件中监听用户下拉动作onPullDownRefresh: function () { },
在网络请求完成后调用wx.stopPullDownRefresh()来结束下拉刷新
写在js文件中
onPullDownRefresh: function () {
// Do something when pull down.
wx.stopPullDownRefresh()
},
只在首页设置了下拉刷新
3.小程序的标题在开发工具上是居中的，在手机上是居左的
官方根本没有给出设置标题位置的方法；只是默认在ios 居中 在android 居左
