// import parseTime, formatTime and set to filter

/**
* Show plural label if time is plural number
* 如果时间是复数,则显示复数标签
* @param {number} time
* @param {string} label
* @return {string}
*/
function pluralize(time, label) {
if (time === 1) {
return time + label
}
return time + label + 's'
} /**
* @param {number} time
* 多少时间之前
*/
export function timeAgo(time) {
const between = Date.now() / 1000 - Number(time)
if (between < 3600) {
return pluralize(~~(between / 60), ' minute')
} else if (between < 86400) {
return pluralize(~~(between / 3600), ' hour')
} else {
return pluralize(~~(between / 86400), ' day')
}
} /**
* Number formatting
* like 10000 => 10k 单位
* @param {number} num
* @param {number} digits
*/
export function numberFormatter(num, digits) {
const si = [
{ value: 1E18, symbol: 'E' },
{ value: 1E15, symbol: 'P' },
{ value: 1E12, symbol: 'T' },
{ value: 1E9, symbol: 'G' },
{ value: 1E6, symbol: 'M' },
{ value: 1E3, symbol: 'k' }
]
for (let i = 0; i < si.length; i++) {
if (num >= si[i].value) {
return (num / si[i].value).toFixed(digits).replace(/\.0+$|(\.[0-9]*[1-9])0+$/, '$1') + si[i].symbol
}
}
return num.toString()
} /**
* 10000 => "10,000"
* @param {number} num
*/
export function toThousandFilter(num) {
return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ','))
} /**
* Upper case first char
* @param {String} string
*/
export function uppercaseFirst(string) {
return string.charAt(0).toUpperCase() + string.slice(1)
} export function parseTime(time, cFormat) {
if (arguments.length === 0) {
return null
} if ((time + '').length === 10) {
time = +time * 1000
} const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
let date
if (typeof time === 'object') {
date = time
} else {
date = new Date(parseInt(time))
}
const formatObj = {
y: date.getFullYear(),
m: date.getMonth() + 1,
d: date.getDate(),
h: date.getHours(),
i: date.getMinutes(),
s: date.getSeconds(),
a: date.getDay()
}
const timeStr = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
let value = formatObj[key]
if (key === 'a') {
return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
}
if (result.length > 0 && value < 10) {
value = '0' + value
}
return value || 0
})
return timeStr
} export function formatTime(time, option) {
time = +time * 1000
const d = new Date(time)
const now = Date.now() const diff = (now - d) / 1000 if (diff < 30) {
return '刚刚'
} else if (diff < 3600) {
// less 1 hour
return Math.ceil(diff / 60) + '分钟前'
} else if (diff < 3600 * 24) {
return Math.ceil(diff / 3600) + '小时前'
} else if (diff < 3600 * 24 * 2) {
return '1天前'
}
if (option) {
return parseTime(time, option)
} else {
return (
d.getMonth() +
1 +
'月' +
d.getDate() +
'日' +
d.getHours() +
'时' +
d.getMinutes() +
'分'
)
}
}
export function getNowFormatDate() {
var date = new Date()
var seperator1 = '-'
var year = date.getFullYear()
var month = date.getMonth() + 1
var strDate = date.getDate()
if (month >= 1 && month <= 9) {
month = '0' + month
}
if (strDate >= 0 && strDate <= 9) {
strDate = '0' + strDate
}
var currentdate = year + seperator1 + month + seperator1 + strDate
return currentdate
}
/* 数字 格式化 */
export function nFormatter(num, digits) {
const si = [{
value: 1e18,
symbol: 'E'
},
{
value: 1e15,
symbol: 'P'
},
{
value: 1e12,
symbol: 'T'
},
{
value: 1e9,
symbol: 'G'
},
{
value: 1e6,
symbol: 'M'
},
{
value: 1e3,
symbol: 'k'
}
]
for (let i = 0; i < si.length; i++) {
if (num >= si[i].value) {
return (
(num / si[i].value + 0.1)
.toFixed(digits)
.replace(/\.0+$|(\.[0-9]*[1-9])0+$/, '$1') + si[i].symbol
)
}
}
return num.toString()
} export function html2Text(val) {
const div = document.createElement('div')
div.innerHTML = val
return div.textContent || div.innerText
} export function toThousandslsFilter(num) {
return (+num || 0)
.toString()
.replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ','))
}
// 验证手机号
export function checkPhone(rule, value, callback) {
if (!value) {
return callback(new Error('手机号不能为空'))
} else {
const reg = /^1[3|4|5|7|8][0-9]\d{8}$/
if (reg.test(value)) {
callback()
} else {
return callback(new Error('请输入正确的手机号'))
}
}
}
export function checkPassword(rule, value, callback) {
if (!value) {
return callback(new Error('密码不能为空'))
} else if (value.length < 6) {
callback(new Error('请至少输入 6 个字符。请不要使用容易被猜到的密码'))
} else {
callback()
}
}
// 手机号证验证
export function checkTel(value, callback) {
var reg = /^1[3|4|5|7|8][0-9]\d{8}$/
return reg.test(value)
}
// 身份证验证
export function checkiDNumber(value, callback) {
var reg = /\d{17}[\d|x]|\d{15}/
return reg.test(value)
}
// 身份证验证
export function checkEmails(value, callback) {
var reg = /^[A-Za-zd]+([-_.][A-Za-zd]+)*@([A-Za-zd]+[-.])+[A-Za-zd]{2,5}$/
return reg.test(value)
}
// 邮箱验证
export function checkEmail(rule, value, callback) {
if (!value) {
return callback(new Error('邮箱不能为空'))
} else {
var reg = /^[A-Za-zd]+([-_.][A-Za-zd]+)*@([A-Za-zd]+[-.])+[A-Za-zd]{2,5}$/
if (reg.test(value)) {
callback()
} else {
return callback(new Error('请输入正确的邮箱'))
}
}
}
// 英文验证
export function checkCode(value, callback) {
var reg = /^[A-Za-z]+$/g
return reg.test(value)
}
// qq验证
export function checkQq(value, callback) {
var reg = /^[0-9]+$/g
return reg.test(value)
}
// 银行卡号
export function formatBankNo(BankNo, callback) {
var strBin = '10,18,30,35,37,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,58,60,62,65,68,69,84,87,88,94,95,98,99'
return strBin
}
export function getStrleng(str, max) {
var myLen = 0
for (var i = 0; i < str.length && myLen <= max * 2; i++) {
if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128) {
myLen++
} else myLen += 2
}
return myLen
}
// 上传图片格式控制
export function updatedImg(file, obj, callback, func) {
if (file.size < 10100000) {
var fileName = file.name
var suffix = fileName
.substring(fileName.lastIndexOf('.') + 1)
.toUpperCase()
if (
suffix === 'PDF' ||
suffix === 'JPG' ||
suffix === 'JPEG' ||
suffix === 'PNG' ||
suffix === 'GIF'
) {
return true
} else {
var tipType = '文件类型不正确,请重新上传'
callback(tipType)
return false
}
} else {
var tipSize = '文件大小超过5M,请重新上传'
callback(tipSize)
return false
}
}
// 上传文档格式控制
export function updatedFile(file, obj, callback, func) {
if (file.size < 10100000) {
var fileName = file.name
var suffix = fileName
.substring(fileName.lastIndexOf('.') + 1)
.toUpperCase()
if (
suffix === 'DOC' ||
suffix === 'DOCX' ||
suffix === 'XLS' ||
suffix === 'XLSX' ||
suffix === 'PDF' ||
suffix === 'ZIP' ||
suffix === 'RAR'
) {
return true
} else {
var tipType = '文件类型不正确,请重新上传'
callback(tipType)
return false
}
} else {
var tipSize = '文件大小超过5M,请重新上传'
callback(tipSize)
return false
}
}
export function importFile(file, obj, callback, func) {
if (file.size < 10100000) {
var fileName = file.name
var suffix = fileName
.substring(fileName.lastIndexOf('.') + 1)
.toUpperCase()
if (
suffix === 'XLS' ||
suffix === 'XLSX'
) {
return true
} else {
var tipType = '文件类型不正确,请重新上传'
callback(tipType)
return false
}
} else {
var tipSize = '文件大小超过10M,请重新上传'
callback(tipSize)
return false
}
}
export function minHeight(resfile) {
return document.body.clientHeight - 180 + 'px'
} export function formatDate(date, fmt = 'yyyy-MM-dd') {
if (!(date instanceof Array)) {
date = new Date(date)
}
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
}
const o = {
'M+': date.getMonth() + 1,
'd+': date.getDate(),
'h+': date.getHours(),
'm+': date.getMinutes(),
's+': date.getSeconds()
}
for (const k in o) {
if (new RegExp(`(${k})`).test(fmt)) {
const str = o[k] + ''
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str))
}
}
return fmt
} function padLeftZero(str) {
return ('00' + str).substr(str.length)
}
export function getBlob(response) {
const blob = new Blob([response.data], {
type: 'application/vnd.ms-excel'
})
const link = document.createElement('a')
link.href = window.URL.createObjectURL(blob)
var filename = decodeURI(response.headers.filename)
// link.download = filename + '.xls'
link.download = filename
link.click()
}
// 图片 blob 流转化为可用 src
export function imgHandle(obj) {
return window.URL.createObjectURL(obj)
}

常见函数 ,过滤函数 直接导入使用 ,filters.js 文件 批量注册过滤器的更多相关文章

  1. Js文件函数中调用另一个Js文件函数的方法

    在项目中Js文件需要完成某一功能,但这一功能的大部分代码在另外一个Js文件已经完成,只需要调用这个文件实现功能.那么如何调用:一个Js文件函数中调用另一个Js文件函数的方法? (直接代码说明) 示例d ...

  2. 本地JS文件批量压缩

    最近在维护一个小后台项目,有段JS需要压缩上传到CDN存储服务器.由于之前压缩的JS文件都比较少,都是手动压缩的.这次需要压缩的文件比较多,所以用了批量压缩.特此记录一下,方便大家和自己以后再用到的时 ...

  3. 在js文件里调用另一个js文件里的函数

    这个是我今天解决的一个小问题,我在创建界面的时候,根据不同的界面需求对应创建了不同的js文件来搭建界面,搭建完毕之后再将各个生成页面的函数汇总到主界面上,通过visibility属性切换显示,这时候出 ...

  4. js文件中模块化导入swiper.js文件方法

    es6导入: 在js文件顶端 import Swiper from "../../assets/javascripts/swiper.min"; import '../../ass ...

  5. 自己编写jQuery动态引入js文件插件 (jquery.import.dynamic.script)

    这个插件主要是结合jquery或者xhr异步请求来使用的,它可以把已经引入过的js文件记录在浏览器内存中,当下次再引入相同的文件就忽略该文件的引入. 此插件不支持浏览器刷新保存数据,那需要利用cook ...

  6. JQuery 之 动态加载JS或JS文件

    如果用jquery的append直接加载script标签的话,会报错的. 1.可以用 document.write() 实现加载动态JS代码. 2.可以用 getScript() 函数实现加载JS文件 ...

  7. 在VS中让一个JS文件智能提示另一个JS文件中的成员2--具体引用

    我们知道,在html中,利用<script language="javascript" type="text/javascript" src=" ...

  8. jquery js 动态加载 js文件

    jquery方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...

  9. 动态加载JS文件方法总结

    1.JQuery方法 $.getScript("./test.js"); //加载js文件 $.getScript("./test.js",function() ...

  10. js文件中三斜杠注释///reference path的用途

    编辑某个js文件时,要想这个js文件出现其他js成员的ide提示,可以在js文件开头使用3个斜杠注释和reference指令的path指向此js文件路径,这样在编写这个js文件时,ide就会自动出现p ...

随机推荐

  1. 对比python学julia(第四章:人工智能)--(第一节)OpenCV编程初步(3)

    1.4.  人脸检测 (续上) 3.检测视频中的人脸 在VSCode环境中,新建一个空白源文件,以detect_video.jl作为文件名保存到项目文件夹中,然后编写程序检测视频流中的人脸(正脸).由 ...

  2. Accurately computing running variance —— 已知两个数列各自的均值和方差,如何快速求出两个数列拼合后的均值和方差(续)

    原内容来自: https://www.johndcook.com/blog/standard_deviation/ 计算公式: 该种计算方式可以只保存历史数据的平方和,与历史数据的和. 相关前文: 已 ...

  3. 中国特供版4090D已经开始发售

    由于美国政府的限制,NVIDIA公司等美国公司不允许向中国出口4090显卡,但是为了绕过美国政府的限制NVIDIA公司推出了中国特供版的4090D显卡. 4090d显卡和4090显卡区别大吗?可以说其 ...

  4. Git的GPG签名 —— Tag签名 Verified验证,防伪造的gitee/github commit验证

    相关资料: 如何使用git通过ssh协议拉取gitee上的项目代码--如何正确的免密使用git 不论是gitee还是GitHub都有两种公钥设置,一种是ssh公钥,另一种则是GPG公钥.ssh公钥是为 ...

  5. 陆吾AI智能机械狗的通讯控制

    陆吾AI智能机械狗现在是蛮有名的了,在YouTube上比较火的一个东西了,和波士顿机器狗不同,波士顿机器狗价格昂贵主要原因是其定位于工业领域的机械狗因此采用的是工业级的硬件,但是如果我们采用的家用环境 ...

  6. .NET电子邮件高效处理解决方案

    前言 在日常软件开发中,电子邮件处理是一个不可或缺的功能,无论是用户注册验证.通知推送还是日常的业务沟通,都离不开电子邮件的支持.今天大姚给大家分享2款.NET开源.高效.强大的.NET电子邮件处理库 ...

  7. 海豚调度任务类型Apache SeaTunnel部署指南

    Apache DolphinScheduler已支持Apache SeaTunnel任务类型,本文介绍了SeaTunnel任务类型如何创建,任务参数,以及任务样例. 一.Apache SeaTunne ...

  8. MySQL 5.7 DDL 与 GH-OST 对比分析

    作者:来自 vivo 互联网存储研发团队- Xia Qianyong 本文首先介绍MySQL 5.7 DDL以及GH-OST的原理,然后从效率.空间占用.锁阻塞.binlog日志产生量.主备延时等方面 ...

  9. 通过JUnit源码分析学习编程的奇技淫巧

    打开 Maven仓库,左边选项栏排在第一的就是测试框架与工具,今天的文章,V 哥要来聊一聊程序员必备的测试框架JUnit 的源码实现,整理的学习笔记,分享给大家. 有人说,不就一个测试框架嘛,有必要去 ...

  10. RabbitMq消息可靠性之确认模式 通俗易懂 超详细 【内含案例】

    RabbitMq保证消息可靠性之确认模式 介绍 消息的确认,是指生产者投递消息后,如果 Broker 收到消息,则会给我们生产者一个应答.生产者进行接收应答,用来确定这条消息是否正常的发送到 Brok ...