Promise返回结果。重点是resolve(response)

return new Promise((resolve, reject) => {
  login(userInfo).then(
    response => {
      if(response.success){
        setToken(response.data.token);
        setUserId(response.data.id);
        setUserName(response.data.name);
        commit('SET_TOKEN', response.data.token);
        commit('SET_ID', response.data.id);
        commit('SET_NAME', response.data.name);
        //commit('SET_INFO', response.data);
      }
      resolve(response)
    }
  )
})

##VUE
vue项目config/index.js中proxyTable用法
项目中proxyTable下定义的target地址，被全局使用'/api'替代了。例：
http://localhost:8080/api/v1/pageshelf/home/web，其实是proxyTable下定义的target：http://112.124.124.84:8500替代，真实的是：
http://112.124.124.84:8500/v1/pageshelf/home/web

打开APPStore

打开这个链接就行https://itunes.apple.com/cn/app/id477927812

超出省略：css

*{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*word-break: break-all;*/
}
/* 超出2行省略 */
*{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

JS 取整、取固定小数位

res.data.words = parseFloat(res.data.words / 10000).toFixed(1) + '万';

VUE报错

vue keys detected: '1111'. This may cause an update error.是:key=造成的
将<div v-for="item in bannerList" :key="item.id"/>改成
<div v-for="(item,index) in bannerList" :key="index"/>就行

VUE项目修改html关键字–便于用户浏览器搜索

import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)

js 判断当前浏览器

JS判断是否在微信浏览器打开

pxwser:function(){
    var browser = {
      versions: function () {
        var u = navigator.userAgent, app = navigator.appVersion;
        return {         //移动终端浏览器版本信息
          trident: u.indexOf('Trident') > -1, //IE内核
          presto: u.indexOf('Presto') > -1, //opera内核
          webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
          gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
          mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
          ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
          android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
          iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
          iPad: u.indexOf('iPad') > -1, //是否iPad
          webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
        };
      }(),
      language: (navigator.browserLanguage || navigator.language).toLowerCase()
    };
    if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
      var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
      console.log(ua)
      if (ua.match(/MicroMessenger/i) == "micromessenger") {
        //在微信中打开
        this.showshare = false;
        this.showFriend = true;
        console.log('在微信中打开')
      }
    }
  },

VUE组件传值 Bus传值注意事项

vue中eventbus被多次触发

h5_audio音乐播放器使用

• loop=“loop” 自动循环播放 ~~~

html:

<audio src="./audio/choujiang_success.mp3"  loop="loop" id="music" controls="controls"></audio>

js:

var audio = document.getElementById("music");
// 播放
audio.play();
// 暂停
audio.pause();
// 重新加载
audio.load();

VUE 生命周期

// 我分别在页面A和页面B中去添加以下代码：
beforeCreate () {
   console.group('%c%s', 'color:red', 'beforeCreate 创建前状态===============组件2》')
 },
 created () {
   console.group('%c%s', 'color:red', 'created 创建完毕状态===============组件2》')
 },
 beforeMount () {
   console.group('%c%s', 'color:red', 'beforeMount 挂载前状态===============组件2》')
 },
 mounted () {
   console.group('%c%s', 'color:red', 'mounted 挂载状态===============组件2》')
 },
 beforeUpdate () {
   console.group('%c%s', 'color:red', 'beforeUpdate 更新前状态===============组件2》')
 },
 updated () {
   console.group('%c%s', 'color:red', 'updated 更新状态===============组件2》')
 },
 beforeDestroy () {
   console.group('%c%s', 'color:red', 'beforeDestroy 破前状态===============组件2》')
 },
 destroyed () {
   console.group('%c%s', 'color:red', 'destroyed 破坏状态===============组件2》')
 }
// 另外一个组件的我就不放出来了