常见函数 ,过滤函数 直接导入使用 ,filters.js 文件 批量注册过滤器
// 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 文件 批量注册过滤器的更多相关文章
- Js文件函数中调用另一个Js文件函数的方法
在项目中Js文件需要完成某一功能,但这一功能的大部分代码在另外一个Js文件已经完成,只需要调用这个文件实现功能.那么如何调用:一个Js文件函数中调用另一个Js文件函数的方法? (直接代码说明) 示例d ...
- 本地JS文件批量压缩
最近在维护一个小后台项目,有段JS需要压缩上传到CDN存储服务器.由于之前压缩的JS文件都比较少,都是手动压缩的.这次需要压缩的文件比较多,所以用了批量压缩.特此记录一下,方便大家和自己以后再用到的时 ...
- 在js文件里调用另一个js文件里的函数
这个是我今天解决的一个小问题,我在创建界面的时候,根据不同的界面需求对应创建了不同的js文件来搭建界面,搭建完毕之后再将各个生成页面的函数汇总到主界面上,通过visibility属性切换显示,这时候出 ...
- js文件中模块化导入swiper.js文件方法
es6导入: 在js文件顶端 import Swiper from "../../assets/javascripts/swiper.min"; import '../../ass ...
- 自己编写jQuery动态引入js文件插件 (jquery.import.dynamic.script)
这个插件主要是结合jquery或者xhr异步请求来使用的,它可以把已经引入过的js文件记录在浏览器内存中,当下次再引入相同的文件就忽略该文件的引入. 此插件不支持浏览器刷新保存数据,那需要利用cook ...
- JQuery 之 动态加载JS或JS文件
如果用jquery的append直接加载script标签的话,会报错的. 1.可以用 document.write() 实现加载动态JS代码. 2.可以用 getScript() 函数实现加载JS文件 ...
- 在VS中让一个JS文件智能提示另一个JS文件中的成员2--具体引用
我们知道,在html中,利用<script language="javascript" type="text/javascript" src=" ...
- jquery js 动态加载 js文件
jquery方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...
- 动态加载JS文件方法总结
1.JQuery方法 $.getScript("./test.js"); //加载js文件 $.getScript("./test.js",function() ...
- js文件中三斜杠注释///reference path的用途
编辑某个js文件时,要想这个js文件出现其他js成员的ide提示,可以在js文件开头使用3个斜杠注释和reference指令的path指向此js文件路径,这样在编写这个js文件时,ide就会自动出现p ...
随机推荐
- 【OracleDB】 03 数据类型和常见对象概述
我们可以通过PLSQL来查看Oracle的数据类型 总分类: - 字符型 1.CHAR 0 - 2000 字节 固定长度字符串 2.NCHAR 0 - 1000 字节 固定长度字符串[Unicode字 ...
- Ubuntu Firefox浏览器播放视频报错,提示“需要安装所需的视频编码器”——解决方法:安装视频解码器
给电脑重新做了一个Ubuntu的系统,安装系统的时候没有选择安装第三方软件,结果开机进系统打开firefox浏览器看个电影报错,提示"需要安装所需的视频编码器",效果如下: 解决方 ...
- linux工具grep的使用心得笔记
grep作为linux管理中常用的三大工具之一(grep.awk.sed),其功能十分强大,因此难以对其进行全面的使用介绍,因此本文只作为个人学习的笔记之用. grep的用处: 在文本中匹配要查询的字 ...
- java-多线程(下)
多线程简单入门(Java)(下篇:多线程Java中的使用) 目录 一.创建多线程 二.线程的安全 三.线程的通信 一.创建多线程 在Java中,多线程的创建有4种方式. 方式一:继承于Thread类; ...
- C语言实现url解析小实例
一.前言 前面一口君写了一篇关于url的文章: <一文带你理解URI 和 URL 有什么区别?> 本篇在此基础上,编写一个简单的用于解析url的小例子, 最终目标是解析出URL中所有的数据 ...
- kafka查看未被消费的消息
$ kubectl exec -it gitee-kafka-0 -n gitee bash unset JMX_PORT $ kafka-consumer-groups.sh --bootstrap ...
- Python被远程主机强制关闭后怎么自动重新运行进程
要实现Python程序在被远程主机强制关闭后能够自动重新运行,我们可以采用几种方法,但最直接且常用的方法之一是结合操作系统级的工具或脚本.在Linux系统中,我们可以使用cron作业或者systemd ...
- C#读写图片文件到Access数据库中
今天学习了把图片文件读写到数据库中,我是用的Access数据库,SQL还没去测试,不过都差不多 数据库表的样式 练习嘛就随便弄了下,说明下图片转成的字符串要用备注类型才可以哦 如果用的Sql数据库的话 ...
- Linux 常见编辑器
命令行编辑器 Vim Linux 上最出名的编辑器当属 Vim 了.Vim 由 Vi 发展而来,Vim 的名字意指 Vi IMproved,表示 Vi 的升级版.Vim 对于新手来说使用比较复杂,不过 ...
- Ruby 学习笔记
基本语法 变量 name = "Alice" age = 30 puts "Name: #{name}, Age: #{age}" var # 局部变量 @va ...