工作问题记录

1.显示转义字符、因为转义字符是们是无法显示的,我们只要在前面加多一个\就可以显示了。

显示转义字符 例子

console.log('\\r', '7887787')//显示为\r

2.在工作中前端修改名字可以支持空格但是，修改后后端数据后转成了_但是后端短时间内没办法解决这个bug，只能是让前端自动把_转成空格

//第一个是自己写的
    nameUnderline(e) {
      let value = e
      value.split()
      let data = ''
      for (let i = 0; i < value.length; i++) {
        if (value[i] === '_') {
          data += ' '
        } else {
          data += value[i]
        }
      }
      return data
    },
//replace实现方式
   replace(/_/g, ' ')

3.在设置设计稿上的字体时直接使用 font-family: 'Proxima Nova’是不可以的

正确的写法是

   font-family: 'Proxima Nova', sans-serif;

4.网页不操作时自动退出登录 在main.js引入即可

import store from '../store';
import router from '../router';
var lastTime = new Date().getTime();

var currentTime = new Date().getTime();
// var timeOut = 20000; // 设置超时时间： 30分
window.onload = function() {
  window.document.onmousedown = function() {
    localStorage.setItem('lastTime', new Date().getTime());
  }
};

function checkTimeout() {
  if (store.getters.timeOutLogin) {
    currentTime = new Date().getTime(); // 更新当前时间
    lastTime = localStorage.getItem('lastTime');
    const time = store.getters.timeOutLogin // 设置超时时间： 10分
    const timeOut = time * 60 * 1000;
    if (currentTime - lastTime > timeOut) { // 判断是否超时
      store.commit('SET_LOGIN_USER', '')
      router.push('/login')
    }
  }
}
window.setInterval(checkTimeout, 10000)

5.elment ui 打包后图标乱码问题

先更新sass版本1.2以上
在vue.config.js 即可 加入

    sass: {
        sassOptions: {
          outputStyle: 'expanded'
        }
``

```javascript
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          postcss
        ]
      },
      sass: {
        sassOptions: {
          outputStyle: 'expanded'
        },
        prependData: `
              @import "./src/assets/styles/variables.scss";
              @import "./src/assets/styles/mixin.scss";
            `
      }
    }
  },

6.window.onresize 事件可用于检测页面是否触发了放大或缩小。

7.在使用elment ui 组件库 el-input 在限制不可输入中文，出现的bug

解决思路 监听数据变化出现中文时清空文字

                    <el-input
                      v-if="languages[currentLang]==0"
                      :placeholder="$t('common.enter')"
                      v-model="tempinput[scope.$index]"
                      @blur="changeInputName(scope.$index)"
                      @focus="nameBlur"
                      :maxlength="31"
                      :oninput="inputOntCn(tempinput[scope.$index], scope.$index)"
                      onkeyup="this.value=this.value.replace(/[\u4e00-\u9fa5]|(^\s+)|(\s+$)/ig,'')"
                    ></el-input>

inputOntCn(text, index) {
      let isCn = /[\u4e00-\u9fa5]/
      if (isCn.test(text)) {
        this.$set(this.tempinput, index, '')
      }
    }