【业务】记住密码

记住密码

基本思路，在你点击登陆的时候，发送请求判断是否登陆成功！
在登陆成功的状态下，把用户名和密码以及时间设定放在cookie里面或者是token里面，
再次进入页面的时候，再生命周期里面判断cookie里面是否有数据，有的话就把数据设置上去就可以了

这里有几个已经封装好的js库
cookie.js:

//获取cookie、
let setCookie = function setCookie (cname, cvalue, exdays) {
  let d = new Date();
  d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
  let expires = "expires=" + d.toGMTString();
  document.cookie = cname + "=" + cvalue + "; " + expires;
}
let getCookie = function getCookie (cname) {
  let name = cname + "=";
  let ca = document.cookie.split(';');
  for (let i = 0; i < ca.length; i++) {
    let c = ca[i].trim();
    if (c.indexOf(name) === 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}
//删除cookie
let delCookie = function delCookie (name) {
  let exp = new Date();
  exp.setTime(exp.getTime() - 1);
  let cval = getCookie(name);
  if (cval != null)
    document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
};

export {
  getCookie, setCookie, delCookie,
}

import Vue from 'vue'

/**
 * 日期对象转为日期字符串
 * @param date 需要格式化的日期对象
 * @param sFormat 输出格式,默认为yyyy-MM-dd                         年：y，月：M，日：d，时：h，分：m，秒：s
 * @example  dateFormat(new Date())                                "2017-02-28"
 * @example  dateFormat(new Date(),'yyyy-MM-dd')                   "2017-02-28"
 * @example  dateFormat(new Date(),'yyyy-MM-dd hh:mm:ss')         "2017-02-28 09:24:00"
 * @example  dateFormat(new Date(),'hh:mm')                       "09:24"
 * @example  dateFormat(new Date(),'yyyy-MM-ddThh:mm:ss+08:00')   "2017-02-28T09:24:00+08:00"
 * @returns {boolean}
 */
function dateFormat (date, sFormat) {
    if (isEmpty(sFormat)) {
        sFormat = 'yyyy-MM-dd'
    }

    if (!(date instanceof Date)) {
        try {
            if (isEmpty(date)) {
                return ''
            }
            if (date.lastIndexOf('.') !== -1) {
                date = date.substr(0, date.lastIndexOf('.'))
            }
            date = date.replace(/\-/g, '/') // eslint-disable-line
            date = new Date(date)
        } catch (e) {
            console.log(e)
        }
    }

    let time = {
        Year: 0,
        TYear: '0',
        Month: 0,
        TMonth: '0',
        Day: 0,
        TDay: '0',
        Hour: 0,
        THour: '0',
        hour: 0,
        Thour: '0',
        Minute: 0,
        TMinute: '0',
        Second: 0,
        TSecond: '0',
        Millisecond: 0,
    }
    time.Year = date.getFullYear()
    time.TYear = String(time.Year).substr(2)
    time.Month = date.getMonth() + 1
    time.TMonth = time.Month < 10 ? '0' + time.Month : String(time.Month)

    time.Day = date.getDate()
    time.TDay = time.Day < 10 ? '0' + time.Day : String(time.Day)

    time.Hour = date.getHours()
    time.THour = time.Hour < 10 ? '0' + time.Hour : String(time.Hour)
    time.hour = time.Hour < 13 ? time.Hour : time.Hour - 12
    time.Thour = time.hour < 10 ? '0' + time.hour : String(time.hour)

    time.Minute = date.getMinutes()
    time.TMinute = time.Minute < 10 ? '0' + time.Minute : String(time.Minute)
    time.Second = date.getSeconds()
    time.TSecond = time.Second < 10 ? '0' + time.Second : String(time.Second)
    time.Millisecond = date.getMilliseconds()

    return sFormat.replace(/yyyy/ig, String(time.Year))
        .replace(/yyy/ig, String(time.Year))
        .replace(/yy/ig, time.TYear)
        .replace(/y/ig, time.TYear)

        .replace(/MM/g, time.TMonth)
        .replace(/M/g, String(time.Month))

        .replace(/dd/ig, time.TDay)
        .replace(/d/ig, String(time.Day))

        .replace(/HH/g, time.THour)
        .replace(/H/g, String(time.Hour))
        .replace(/hh/g, time.Thour)
        .replace(/h/g, String(time.hour))

        .replace(/mm/g, time.TMinute)
        .replace(/m/g, String(time.Minute))
        .replace(/ss/ig, time.TSecond)
        .replace(/s/ig, String(time.Second))
        .replace(/fff/ig, String(time.Millisecond))
}

/**
 * 判断对象为空
 * @param v
 * @return {boolean}
 */
const isEmpty = (v) => {
    if (typeof v === 'undefined') {
        return true
    }
    if (v === undefined || v === 'undefined') {
        return true
    }
    if (v === null) {
        return true
    }
    if (v === '' || v === 'null') {
        return true
    }
    if (v === 0) {
        return true
    }
    switch (typeof v) {
        case 'string':
            if (v.trim().length === 0) {
                return true
            }
            break
        case 'boolean':
            if (!v) {
                return true
            }
            break
        case 'number':
            if (v === 0) {
                return true
            }
            break
        case 'object':
            return undefined !== v.length && v.length === 0
    }
    return false
}

/**
 * 手机号码是否正确
 * @param number 手机号码
 * @return Boolean
 * */
const isMobileNumber = (number) => {
    return /^(13[0-9]|14[579]|15[012356789]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/.test(number)
}

const toast = {
    /**
     * toast 提示
     * @param message 提示内容
     * @param icon 添加图标
     * @param position 提示显示位置
     * @param duration 显示时间
     * */
    show (message, icon, position = 'middle', duration = 3000) {
        const _this = Vue.prototype
        _this.$hips.toast.allowMultiple()
        _this.$hips.toast({
            message,
            position,
            icon,
            duration,
        })
    },
}

const storage = {
    get (key) {
        try {
            let t = window.localStorage.getItem(key)
            try {
                return JSON.parse(t)
            } catch (e) {
                return t
            }
        } catch (e) {
            console.log(e)
        }
    },
    set (key, val) {
        if (typeof val === 'object') {
            val = JSON.stringify(val)
        }
        window.localStorage.setItem(key, val)
    },
    remove (key) {
        window.localStorage.removeItem(key)
    }
}

/**
 * 动态修改 document title
 * @param title
 * */
const setDocumentTitle = (title) => {
    document.title = title || document.title
    let ifr = document.createElement('iframe')
    ifr.onload = function () {
        setTimeout(function () {
            ifr.remove()
        }, 0)
    }
    document.body.appendChild(ifr)
}

export {
    dateFormat,
    isEmpty,
    isMobileNumber,
    toast,
    storage,
    setDocumentTitle,
}