常用函数封装
获取某日期若干个工作日后的日期
* 参数:
* time: [String] 给定日期 yyyy-MM-dd
* itervalByDay: [Number] 相隔工作日
* separator: [String] 年月日分隔符
* 返回:
* rq:[String] 匹配的日期yyyy-MM-dd
var getworkday = function(time, itervalByDay, separator = '-'){
var str = time.split("-");
var date = getDate();
date.setUTCFullYear(str[0], str[1] - 1, str[2]);
date.setUTCHours(0, 0, 0, 0);
var millisceonds =date.getTime();
for(var i = 1; i <= itervalByDay; i++){
millisceonds += 24 * 60 * 60 * 1000;
date.setTime(millisceonds);
if(date.getDay() == 0 || date.getDay() == 6) i--;
}
var year = date.getFullYear();
var month = (date.getMonth() + 1);
var day = date.getDate();
var rq = year + separator + month + separator + day;
return rq;
}
解析URL参数
* 参数:
* url: [String] 解析的URL,可选,不传该值默认本地href
* 返回:
* obj:[Object] 参数集合对象
function getQueryParam(url) {
const href = url || window.location.href;
let args = href.split('?');
if (args[0] === href) {
return {};
}
var hrefarr = args[1].split('#')[0].split('&');
var obj = {};
for (var i = 0; i < hrefarr.length; i++) {
hrefarr[i] = hrefarr[i].split('=');
obj[hrefarr[i][0]] = hrefarr[i][1];
}
return obj;
}
格式化日期
* 参数:
* date: 时间戳 [Date]
* isTime: 是否返回具体时间 [Boolean]
* separator: 年月日分隔符 [String]
* 返回:
* isTime: false => yyyy-MM-dd [String]
* isTime: true => yyyy-MM-dd HH:mm:ss [String]
const formatDate = (date, isTime = false, separator = '-') => {
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
let d = [year, month, day].map(_formatNumber).join(separator)
if (isTime) {
const hour = date.getHours()
const minute = date.getMinutes()
const second = date.getSeconds()
const time = [hour, minute, second].map(_formatNumber).join(':')
d = `${d} ${time}`
}
return d
}
const _formatNumber = n => {
n = n.toString()
return n[1] ? n : '0' + n
}
formatDate() {
const date = new Date()
const year = date.getFullYear().toString().padStart(4, '0')
const month = (date.getMonth() + 1).toString().padStart(2, '0')
const day = date.getDate().toString().padStart(2, '0')
const result = `${year}-${month}-${day}`
return result
}
解析身份证号码信息
* 参数:
* IdCard: [String] 身份证号码
* type: [Number] 1/2/3
* 返回:
* type:1 => birthday [String] 出生日期
* type:2 => sex [Number] 性别
* type:3 => age [Number] 年龄
formatIdCard (IdCard, type) {
if (type === 1) {
var birthday = IdCard.substring(6, 10) + '-' + IdCard.substring(10, 12) '-' + IdCard.substring(12, 14)
return birthday
}
if (type === 2) {
if (parseInt(IdCard.substr(16, 1)) % 2 === 1) {
return '1'
} else {
return '2'
}
}
if (type === 3) {
var ageDate = new Date()
var month = ageDate.getMonth() + 1
var day = ageDate.getDate()
var age = ageDate.getFullYear() - IdCard.substring(6, 10) - 1
if (IdCard.substring(10, 12) < month || IdCard.substring(10, 12) === mont&& IdCard.substring(12, 14) <= day) {
age++
}
if (age <= 0) {
age = 1
}
return age
}
}
微信小程序wx.request封装
* 1.输出完整接口日志
* 2.统一配置请求头、响应参数
* 3.统一管理请求响应操作(成功、失败)
request ({
url,
header,
data = {},
code = 'errCode',
method = 'POST',
dataType = 'json',
timeout = 10000,
success = () => {},
fail = () => {},
complete = () => {}
}) {
wx.showLoading({ title: '正在加载中', mask: true })
return wx.request({
url,
data,
method,
header: {
'content-type': 'application/json',
token: this.globalData.token,
...header,
},
timeout,
complete: res => {
wx.hideLoading()
console.log('');
console.group(`---- ${url} ----`)
console.log('Params', data)
console.log('Header', {
'content-type': 'application/json',
token: this.globalData.token,
...header,
})
console.log('Response', res)
console.info(`#### ${url} ####`)
console.groupEnd()
complete(res)
if (res.data && +res.data[code] === 1) {
return success(res.data)
}
fail(res.data)
}
})
}
获取图片base64
* 参数:
* file {file object} 文件对象
* 返回:
* {Promise}
async function imgToBase64 (file) {
return new Promise((resolve,reject) => {
const reader = new FileReader()
reader.readAsDataURL(file)
reader.onload = e => {
resolve(e.target.result)
}
reader.onerror = err => {
reject(err)
}
})
}
图片压缩
* 原理: 把图片宽度、高度调小
* @param file {file object | file base64}
* @param {width, height}:压缩图片宽高
* @returns {Promise}
*
* Tip: 与imgToBase64()配合使用效果更佳
async function imgToCompressed (file, {
width,
height
}) {
if (typeof file === 'object') {
file = await imgToBase64(file)
}
return new Promise(resolve => {
var image = new Image()
image.src = file
image.onload = () => {
const _width = image.width
const _height = image.height
const canvas = document.createElement('canvas')
const context = canvas.getContext('2d')
let data = ''
if (width && width > _width) {
width = _width
height = _height
} else {
width = width || Math.floor(_width * height / _height)
height = height || Math.floor(width * _height / _width)
}
canvas.width = width
canvas.height = height
context.drawImage(image, 0, 0, width, height)
data = canvas.toDataURL('image/jpeg').replace('data:image/jpeg;base64,', '')
resolve(data)
}
})
}
前端搜索+分页
function searchList() {
const search = this.search
const pageIndex = this.pageIndex
const pageSize = this.pageSize
if (search) {
return this.list.filter(data => {
return Object.keys(data).some(key => {
return (String(data[key]).toLowerCase().indexOf(search) > -1).slice((pageIndex - 1) * pageSize, pageIndex * pageSize)
})
})
}
return this.list
}
判断数据类型方法
* 判断数据类型方法
* @param {any} data 待判断类型的数据
* @returns {string}
const _typeof = function (data) {
const value = /\[object (\w+)\]/.exec(
Object.prototype.toString.call(data)
);
return value ? value[1].toLowerCase() : '';
}
const _typeof = function (data) {
return Object.prototype.toString.call(data).slice(8, -1)
}
_typeof('123')
_typeof(123)
_typeof(123n)
_typeof(null)
_typeof(undefined)
_typeof({})
_typeof([])
_typeof(/123/)
base64解码
* base64解码
* 优化中文乱码问题
* @param {String} b64Str 待解码的base64数据
* @returns {string}
function b64ToUtf8(b64Str) {
return decodeURIComponent(window.atob(b64Str).split('').map(c => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2)).join(''))
}
window.btoa(encodeURIComponent(str))
在异步请求中使用clipboard自动复制
<!--注意:需要设置ref与id属性值一致-->
<el-button id="getUrl" type="primary" size="mini" @click="getUrlAndCopy" ref="getUrl">获取链接并复制</el-button>
function getUrlAndCopy(e, ref, proty = 'data-url') {
const that = this.$refs[ref]
const clipboard = new Clipboard(`#${ref}`, { text: () => that[proty] })
clipboard.on('success', e => {
this.$notify.success({ title: '温馨提醒', message: '复制成功,请到浏览器中打开!' })
clipboard.off('error')
clipboard.off('success')
clipboard.destroy()
})
clipboard.on('error', e => {
this.$notify.warning({ title: '温馨提醒', message: '不支持自动复制!请手动复制' + that[proty] })
clipboard.off('error')
clipboard.off('success')
clipboard.destroy()
})
const params = { ... }
this.$api.showLoading()
this.$api.request(params).then(res => {
this.$refs[ref][proty] = 'xxx'
clipboard.onClick(e)
}).catch(err => {
console.log(err)
}).finally( () => {
this.$api.hideLoading()
})
}
冒泡排序
* 冒泡排序
* 比较相邻的元素。如果第一个比第二个大,就交换他们两个,对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。
* @param {Array} arr 待排序的数组
* @returns {Array}
function bubbleSort(arr) {
const len = arr.length
for (var i = 0; i < n; i++) {
for (var j = 1; j < n - i; j++) {
if (arr[j - 1] > arr[j]) {
[arr[j - 1], arr[j]] = [arr[j], arr[j - 1]]
}
}
}
return arr
}
bubbleSort([5, 2, 4, 6, 1, 3])
选择排序
* 选择排序
* 插入排序的工作方式像许多人排序一手扑克牌,拿一张牌依次对比手上的牌组然后插入到牌组合适位置,重复直至最后一张。
* @param {Array} arr 待排序的数组
* @returns {Array}
function insertionSort(arr) {
let newArr = [arr[0]]
let len = arr.length
for (let i = 1; i < len; i++) {
for (let j = 0; j < i; j++) {
if (arr[i] <= newArr[j]) {
newArr.splice(j, 0, arr[i])
break
}
if (j === i - 1) {
newArr.push(arr[i])
}
}
}
return newArr
}
insertionSort([5, 2, 4, 6, 1, 3])
顺序/逆序 排序
* 顺序/逆序 排序
* @param {Array} arr 待排序的数组
* @returns {Array}
function _sort(arr) {
return arr.sort((a,b) => {
return a - b
})
}
_sort([1, 4, 2])
未完待续…