export GOPATH="${HOME}/go"
export GOROOT=/usr/local/go
export PATH="$PATH:${GOPATH}/bin:${GOROOT}/bin"
export GOPROXY=https://goproxy.cn

正则表达式的其他模式修饰符的用法

1.(?=a)：

console.log("我是**人".replace(/我是(?=**)/, "rr"))

打印出：rr**人    （匹配的是**前面的'我是'）

2.(?!a)：

console.log("我是**人".replace(/(?!**)/, "rr"))

打印出：rr我是**人  

3.(?:a)：

console.log("我是**人".replace(/(?:**)/, "rr"))

打印出：我是rr人

4..(?<=a)：

console.log("我是**人".replace(/(?<=**)人/, "rr"))

打印出：我是**rr

5.(?<!a)：

console.log("我是**人".replace(/(?<!**)/, "rr"))

打印出：rr我是**人

    return document[prop];
  }
  this.$nextTick(() => {
    document.addEventListener('visibilitychange', (e) => {
      if(isHidden()) {
        this.$toast('我回来了!');
        this.socket.init();
        this.$store.dispatch('setUserInfo')
      }
      // console.log(isHidden() + "-" + new Date().toLocaleTimeString())
    });
  });
}

@uri=http://localhost:3000/api // 通过@定义变量

###
GET {{uri}}


###
POST {{uri}}/register
# 文件传输格式  json对象严格遵守 键名要加双引号
Content-Type: application/json

{
  "username": "user2",
  "password": "123456"
}

###
POST {{uri}}/login
# 文件传输格式 
Content-Type: application/json

{
  "username": "user2",
  "password": "123456"
}

### 个人信息

GET  {{uri}}/profile
Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjVlMjUyMzNkNzE2OGI0NjIzYTM0NGE2MiIsImlhdCI6MTU3OTQ5NzQxNH0.lgE8hjfjIU5z9hPR0-ES8rDqwZ-PuRrm2y27ZR2MSAo

jmOneKeyLogin({ 
 appKey: "", //tensdk.com 开发者平台应用管理列表中查看
theme: "0" //选填，'0': 全屏 '1': 弹窗
 btnId: "", //按钮标签 id
 }, function (res) {
 // res.code ->'000000':成功
 // res.message ->状态描述
 // res.token ->用于服务端获取手机号码
});

<template>
  <el-cascader style="width:100%" :filterable="true" v-model="currentValue" :options="selectOptions" :placeholder="placeholder" :clearable="clearable" :show-all-levels="showAllLevels" :props="props" :disabled="disabled" ref="cascader"></el-cascader>
</template>

<script>
import mixModel from './mixModel'
export default {
  name: 'PostCategorySelect',
  mixins: [mixModel],
  props: {
    maxCount: { Number, default: 1 },
    labelKey: { String, default: 'value' },
    valueKey: { String, default: 'id' },
    showAllLevels: { Boolean, default: true },
    clearable: { Boolean, default: false }
  },
  data () {
    return {
      selectOptions: []
    }
  },
  watch: {
    currentValue (nv) {
      // 选中选项后收起下拉框
      console.log(nv)
      this.$refs['cascader'] && this.maxCount === 1 && (this.$refs['cascader'].dropDownVisible = false)

      let allOptions = this.$refs['cascader'].$refs['panel'].store.getNodes()
      if (nv && nv.length >= this.maxCount) {
        allOptions.forEach(i => {
          i.children && i.children.forEach(j => this.setOptionEnabledStatus(j, true))
        })
      } else {
        allOptions.forEach(i => {
          i.children && i.children.forEach(j => this.setOptionEnabledStatus(j, false))
        })
      }
    }
  },
  computed: {
    props () {
      return {
        expandTrigger: 'hover',
        label: this.labelKey,
        value: this.valueKey,
        multiple: this.maxCount > 1,
        emitPath: true,
        lazy: true,
        checkStrictly: true,
        lazyLoad: (node, resolve) => {
          if (node.level === 0) {
            this.getPositions().then(options => {
              options.forEach(i => {
                i.leaf = false
                i.disabled = true
              })
              resolve(options)
            })
          } else if (node.level <= 2) {
            this.getChildPostions(node.data.code).then(options => {
              options.forEach(i => {
                i.leaf = node.level >= 2
                i.children = []
                i.disabled = (this.maxCount > 1 && this.currentValue && this.currentValue.length >= this.maxCount) || false
              })
              resolve(options)
            })
          } else {
            resolve()
          }
        }
      }
    }
  },
  methods: {
    getPositions () {
      return this.api.getPositionList({ parentcode: -1 }).then(res => {
        return res.data.data
      })
    },
    getChildPostions (parentcode) {
      return this.api.getPositionDetail({ parentcode }).then(res => {
        return res.data.data
      })
    },
    setOptionEnabledStatus (option, value) {
      if (this.currentValue.indexOf(option.value) === -1 && this.maxCount > 1) {
        option.data.disabled = value
      }
      option.children && option.children.forEach(i => this.setOptionEnabledStatus(i, value))
    }
  }
}
</script>

  computed: {
    uploadUrl(){
      return this.$http.defaults.baseURL + '/upload'
    }
  },
  methods: {
    getAuthHeaders(){
      return {
        Authorization: `Bearer ${localStorage.token || ''}`
      }
    }
  }
})

 export default {

 mixins : [ minxins]
}
</script>

import ToastVue from './Toast.vue'
let Toast = {}
Toast.install = function (Vue, options) { //install 才能被Vue.use
  let opt = { // 设置默认配置
    defaultType: 'center',
    duration: 1500
  }
  for (let prop in options) {
    opt[prop] = options[prop] //传入的值 
  }
  Vue.prototype.$toast = ({ message, type }) => {
    if (type) {
      opt.defaultType = type
    }
    let ToastTpl = Vue.extend(ToastVue)
    let tpl = new ToastTpl({
      propsData: {
        type: type,
        message: message
      }
    }).$mount().$el // 实现手动挂载
    document.body.appendChild(tpl)
    setTimeout(() => {
      document.body.removeChild(tpl)
    }, opt.duration);
  }
  ['success', 'warning', 'error'].forEach(type => {
    Vue.prototype.$toast[type] = (message) => {
      return Vue.prototype.$toast({ type, message })
    }
  })
}
export {
  Toast
}

export default {
        functional: true // 设置函数式组件
        props:{} ,   //是可选项
        render(h,context) {
            return h('comp', {}, context.children )
          }
}
//函数式组件

//普通的render函数
```javascript
{
  // 与 `v-bind:class` 的 API 相同，
  // 接受一个字符串、对象或字符串和对象组成的数组
  'class': {
    foo: true,
    bar: false
  },
  // 与 `v-bind:style` 的 API 相同，
  // 接受一个字符串、对象，或对象组成的数组
  style: {
    color: 'red',
    fontSize: '14px'
  },
  // 普通的 HTML 特性
  attrs: {
    id: 'foo'
  },
  // 组件 prop
  props: {
    myProp: 'bar'
  },
  // DOM 属性
  domProps: {
    innerHTML: 'baz'
  },
  // 事件监听器在 `on` 属性内，
  // 但不再支持如 `v-on:keyup.enter` 这样的修饰器。
  // 需要在处理函数中手动检查 keyCode。
  on: {
    click: this.clickHandler
  },
  // 仅用于组件，用于监听原生事件，而不是组件内部使用
  // `vm.$emit` 触发的事件。
  nativeOn: {
    click: this.nativeClickHandler
  },
  // 自定义指令。注意，你无法对 `binding` 中的 `oldValue`
  // 赋值，因为 Vue 已经自动为你进行了同步。
  directives: [
    {
      name: 'my-custom-directive',
      value: '2',
      expression: '1 + 1',
      arg: 'foo',
      modifiers: {
        bar: true
      }
    }
  ],
  // 作用域插槽的格式为
  // { name: props => VNode | Array<VNode> }
  scopedSlots: {
    default: props => createElement('span', props.text)
  },
  // 如果组件是其它组件的子组件，需为插槽指定名称
  slot: 'name-of-slot',
  // 其它特殊顶层属性
  key: 'myKey',
  ref: 'myRef',
  // 如果你在渲染函数中给多个元素都应用了相同的 ref 名，
  // 那么 `$refs.myRef` 会变成一个数组。
  refInFor: true

<template>
  <div class="information">
    <HomeTitle title="填写引导">
      <div class="review" @click="$router.push({name:'VitaeView' , query:{ templetId}})">
        <img src="@/assets/images/curriculum/preview.png">
      </div>
      <template v-slot:text>
        <div class="temp">
          正在使用:{{templetName}}
        </div>
      </template>
    </HomeTitle>
    <div class="info-header">
      <div class="text">{{sideItem[currentSide]}}</div>
    </div>
    <div class="main">
      <div class="sidebar">
          <div class="side-item">
            <div v-for="(item, index) in sideItem" :key="item" @click="changeSide(item,index)" class="side " :class="{active: currentSide === index}"><span>{{item}}</span></div>
          </div>
      </div>
      <div class="content"  >
        <div v-if="resume">
          <BaseInfo v-if="currentSide === 0" ref="baseInfo" :model="resume"/>
          <Objective v-if="currentSide ===1" ref="objective" :model="resume" />
          <Describe v-if="currentSide === 2" :model="resume"  placeholder="请在此填入您的个人总结" nature="summary"/>
          <Internship v-if="currentSide ===3" :model="resume['resumePracticeDto']"/>
          <Education v-if="currentSide === 4" :model="resume['resumeEducationDto']"/>
          <Describe v-if="currentSide === 5"  :model="resume" placeholder="讲讲在学校里做过什么吧" nature="campusExperience"/>
          <Other v-if="currentSide === 6 && resume "  :skill="resume['resumeSkillDto']" :certificate="resume['resumeCertificateDto']"/>
        </div>
      </div>
      <div class="right-tips">
          <TipsInfo :info="currentDataInfo"/>
      </div>
    </div>
  </div>
</template>

<script>
import HomeTitle from '@/components/interview/HomeTitle'
import BaseInfo from './components/BaseInfo'
import TipsInfo from './components/TipsInfo'
import Internship from './components/Internship'
import Objective from './components/Objective'
import Education from './components/Education'
import Describe from './components/Describe'
import Other from './components/Other'
import mixins from './mixins/mixinValidate'
import formMixins from './mixins/formValidate'
export default {
  name: 'infomation',
  mixins: [mixins, formMixins],
  data () {
    return {
      sideItem: ['基本信息', '求职意向', '自我介绍', '实习经历', '教育经历', '校园经历', '其他信息'],
      tipsInfo: ['foundation', 'job', 'oneself', 'practice', 'education', 'campus', 'other'],
      tipsData: [],
      currentSide: 0,
      currentDataInfo: [],
      // 用户详情
      id: 106,
      resume: {},
      templetId: -1,
      templetName: null
    }
  },
  methods: {
    async saveResume () {
      const res = await this.api.updateResume({ id: this.$route.query.id, ...this.resume })
      if (res.data.message === '成功') {
        this.$message({
          type: 'success',
          message: '信息保存成功'
        })
      }
    },
    changeSide (item, index) {
      if (this.currentSide !== index) {
        this.formValidate(this.sideItem[this.currentSide], () => {
          this.validate(index)
        })
      }
      this.currentDataInfo = this.tipsData[this.tipsInfo[this.currentSide]]
    },
    getResumeDetail (id) {
      return this.api.getResumeDetail({ id }).then(res => {
        this.resume = res.data.data
        return res.data.data
      })
    }
  },
  async created () {
    if (this.$route.query.id) {
      const data = await this.getResumeDetail(this.$route.query.id)
      const res = await this.api.getTemplateTips({ id: 1 })
      this.templetId = data.templetId
      this.templetName = data.templetName
      this.tipsData = res.data.data
      this.currentDataInfo = res.data.data[this.tipsInfo[0]]
    }
  },
  beforeRouteLeave (to, from, next) {
    this.saveResume()
    next()
  },
  components: {
    HomeTitle,
    TipsInfo,
    BaseInfo,
    Internship,
    Objective,
    Education,
    Describe,
    Other
  }
}
</script>

<style lang="scss" scoped>
.information {
  .review {
    margin-right: 150px;
    cursor: pointer;
  }
  .temp {
    font-size: 14px;
    color: #585e70;
    transform: translate(-20%);
  }
  .info-header {
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    > .text {
      font-size: 22px;
      color: #585e70;
      font-weight: 600;
      position: relative;
      &::before,
      &::after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        top: 50%;
        transform: translate(0, -50%);
        background: url('../../../assets/images/curriculum/solid-line.png')
          no-repeat;
      }
      &::before {
        left: -30px;
      }
      &::after {
        right: -30px;
      }
    }
  }
  .main {
    display: flex;
    .sidebar {
      margin-left: 111px;
      width: 299px;
      min-width: 226px;
      height: 568px;
      box-shadow: 0px 0px 30px 0px rgba(74, 94, 153, 0.02);
      background: #ffffff;
      border-radius: 8px;
      display: flex;
      justify-content: center;
      .side-item {
        .side {
          width: 120px;
          margin: 50px auto 0;
          text-align: center;
          font-size: 17px;
          color: #585e70;
          cursor: pointer;
          &.active {
            border-left: 6px solid #ff8f4b;
            color: #ff8f4b;
          }
        }
      }
    }
    .content {
      flex: 1;
      min-height: 628px;
      background: #ffffff;
      box-shadow: 0px 0px 30px 0px rgba(74, 94, 153, 0.02);
      border-radius: 8px;
      margin: 0 30px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}
</style>

    /* 当前规范上的语法 2016年12月支持 */
    offset-path: path("M10,80 q100,120 120,20 q140,-50 160,0");

    animation: move 3s linear infinite;
}

@keyframes move {
  /* 之前语法 */
  100% { motion-offset: 100%;}
  /* 当前规范语法 */
  100% { offset-distance: 100%;}
}
img {
  position: absolute;
}

function h5clipboard (val) {
			let textArea = document.createElement("textarea");
			textArea.value = val
			document.body.appendChild(textArea);
			textArea.select();
			try {
				let successful = document.execCommand('copy');
				if (successful) {
					Toast.success("成功复制到剪贴板");
				} else {
					Toast.warning("该浏览器不支持点击复制到剪贴板");
				}
			} catch (err) {
				Toast.warning("该浏览器不支持点击复制到剪贴板");
			}
			document.body.removeChild(textArea);
}

      //方案一
      var oDiv = document.getElementsByClassName('btn')[0]
      oDiv.onclick = function(e) {
       //该特性要被丢弃了
        let evt = document.createEvent('MouseEvents')   //创建 event对象
        evt.initMouseEvent('click', false, false)  //type, bubble, cancelable
        document.getElementById('file').dispatchEvent(evt) // 给元素派发事件
      }
      // ****重要***
    oDiv.onclick = function(e) {
      var input = document.createElement('input')
      input.setAttribute('type', 'file')
      input.click()
      input.onchange = function(e) {
        console.log(input.files[0])
        let form = new FormData()
        console.log(form)
        form.append('file', input.files[0])
        //axios.post('/api/upload',form,config).then(res=>{})
      }
    }

    let timeOutEvent = null

    document.addEventListener('touchstart', function(e) {
      //点击任意都能获得当前元素
      timeOutEvent = setTimeout(function() {
        timeOutEvent = 0
        // 点击给当前元素派发事件
        e.target.dispatchEvent(new CustomEvent('longpress'))
      }, 400)
    })
    //移动
    document.addEventListener('touchmove', function(e) {
      clearTimeout(timeOutEvent)
      timeOutEvent = null
    })
    //弹起清空
    document.addEventListener('touchend', function(e) {
      clearTimeout(timeOutEvent)
      timeOutEvent = null
    })

    
    document
      .getElementsByClassName('btn')[0]
      // 监听当前元素事件触发的回调
      .addEventListener('longpress', function() {
        console.log('ok longpress')
      })