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

你的名字 2022-12-19 08:38 175阅读 0赞

## 1、使用函数的三种方法 ##

[https://www.cnblogs.com/chenhuichao/p/8478586.html][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][https_www.jianshu.com_p_576dbf44b2ae]

## 4、绑定事件（bindtap和catchtap） ##

[https://blog.csdn.net/weixin\_41975655/article/details/82869051][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/][https_blog.csdn.net_lxow456_article_details_106403682]**

## **7、echarts中出现的问题** ##

[echarts饼图文本溢出屏幕][echarts]

[echarts提示框组件溢出屏幕][echarts 1]

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

[https_www.cnblogs.com_chenhuichao_p_8478586.html]: https://www.cnblogs.com/chenhuichao/p/8478586.html
[https_www.jianshu.com_p_576dbf44b2ae]: https://www.jianshu.com/p/576dbf44b2ae
[https_blog.csdn.net_weixin_41975655_article_details_82869051]: https://blog.csdn.net/weixin_41975655/article/details/82869051
[https_blog.csdn.net_lxow456_article_details_106403682]: https://blog.csdn.net/lxow456/article/details/106403682/
[echarts]: https://blog.csdn.net/lvhaoye/article/details/110524976
[echarts 1]: https://blog.csdn.net/lvhaoye/article/details/110524700
[echarts 2]: https://blog.csdn.net/lvhaoye/article/details/110523795