小程序开发——记录出现的问题及解决办法

1、使用函数的三种方法

https://www.cnblogs.com/chenhuichao/p/8478586.html

2、时间格式化

js常规写法（容易看懂的）

function formatTime() {

　　var date=new Date();


　　var year = date.getFullYear()
　　var month = date.getMonth() + 1
　　var day = date.getDate()

　　var hour = date.getHours()
　　var minute = date.getMinutes()
　　var second = date.getSeconds()


　　return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
};

 

 function formatNumber(n) {
　　n = n.toString()
　　return n[1] ? n : '0' + n
}

//最终结果格式："2017/05/19 00:37:20"

ES6写法（比较好看）

formatNumber = n => {
  n = n.toString()
  return n[1] ? n : '0' + n
}
// 时间格式化
formatTime = date => {
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()
  const hour = date.getHours()
  const minute = date.getMinutes()
  const second = date.getSeconds()
 
  return [year, month, day].map(formatNumber).join('-') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

map的用法：

[].map(function(value, index, array) {                                              .map(函数名)
    // ...
})

3、JWT（token和session认证）

https://www.jianshu.com/p/576dbf44b2ae

4、绑定事件（bindtap和catchtap）

https://blog.csdn.net/weixin_41975655/article/details/82869051

5、this报错（wx.request中无法使用）

this中作用域的问题

1. 在Page({})里面，this关键字指代Page({})整个对象
2. 因此可以通过this关键字访问或者重新设置Page({})里data的变量
3. 使用了wx.request({})API这个方法导致在wx.request({})里没办法使用this来获取Page({})对象
4. 虽然在wx.request({})里没法使用this获取Page({})对象，但是可以在wx.request({})外面先把this存在某个变量中，所以就有了var that =this 这个声明。此时that指代Page({})整个对象，这样子就可以在wx.request({})里使用that访问或者重新设置Page({})里data的变量

6、区分多列选择器的bindchange和bindcolumnchange事件

在多列选择器中，bindchange只在点击“确定”按钮之后触发，而bindcolumnchange在每一次滚动选择器中的任何一列后都会触发。

https://blog.csdn.net/lxow456/article/details/106403682/

7、echarts中出现的问题

echarts饼图文本溢出屏幕

echarts提示框组件溢出屏幕

解决echarts纵坐标数字太长，导致遮挡的问题