9.21 日报

项目仓库地址

公司邮箱账号

Teams

1. 从gitlab 仓库下通过 SSH 拉去项目地址

  1. 新建一个文件夹并用git bash here 打开
  2. 在git bash here 输入命令行 ssh-keygen –t rsa –C“邮箱名”
  3. 出来提示.ssh在哪里的路径，回车两次
  4. 在显示的路径中找到.ssh ,在.ssh中找到id_rsa.pub
  5. 复制里面所有代码，到gitlab中setting中找到SSH keys标签
  6. 点击Add new 在文本框粘贴复制的代码
  7. 回到git bash here
  8. 输入命令 git clone “ssh网址”
  9. 代码就克隆成功了

2. 运行项目代码

当项目代码克隆下来然后 通过 vscode 左下角 切换 develop分支

学习项目代码 VUE-I18N语言切换大坑
VUE2版本使用vue-i18n@7.8.1 版本

1. main.js

多语言切换 vue-i18n

安装vue-i18n插件

npm install i18n -save

import VueI18n from 'vue-i18n'
Vue.use(VueI18n);

//多语言实例  1、locale 2、message 
const i18n = new VueI18n({
    locale:localStorage.getItem('lang') || 'en', //语言默认为英语
    message:{
        'en':require('../'),
        'zh':require('../'),
    }
}

语言包放在src下，写好对应的键值在 moudle.exports 导出即可使用 然后mian.js require 引入

挂载

new Vue({
  el: '#app',
  router,
  i18n:i18n,//这一步很重要,一定要加载在vue里
  components: { App },
  template: '<App/>'
})

使用 

 标签使用 <div class="title">{{$t(licence.title1)}}</div> 
 标签内使用：<HelloWorld :msg="$t('msg')"/>
 data(){
	return {
       msg: this.$t('msg')  // JS 内部使用
   }
}

切换语言的方法

///  解决 bug 页面刷新之后语言恢复默认
 change(){
    const lang = this.$i18n.locale 
       if(lang == 'zh'){
        this.$i18n.locale = 'en'
        localStorage.setItem('lang','en')
        }else {
           this.$i18n.locale = 'zh'
           localStorage.setItem('lang','zh')
          }
       }
//监听按钮控制布尔值来改变
watch(){
   val: function(newval,oldval){
       	 if(oldval == true ){
             // 改变语言 
           	 this.$i18n.locale = 'cn'
         }else{
             this.$i18n.locale = 'en'
         }
   }
}

UI 框架

  • view-design
  • Muse UI
  • Echarts
  • v-calendar 日历组件
  • intro.js 新手引导效果
  • dayjs 直接运行 dayjs()，得到包含当前时间和日期的 Dayjs 对象。

vue 项目监听 iframe 传过来的信息

详情

window.addEventListener('message', this.handleMessage)
// 获取iframe传过来的信息
handleMessage (event) {
 // event表示iframe传过来的信息
 // console.log(event)
}
<iframe class="iframe" frameBorder="0" src="http://auto.anrookie.cn"></iframe>

默认没有占全屏 所以先设置样式

#app {
  width: 100%;
  height: 100vh;
  // height: 100%;
  max-height: 100%;
  overflow: auto;
  .iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
  }
}