常用的vue 公共js文件

本文介绍了在Vue项目中常用的公共JS文件,包含身份证号码验证、手机号码验证、获取查询参数、加载动画等功能函数,如isCardNo、isPhone、getQueryString、loading等,方便在项目中复用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


axios.defaults.baseURL = ' '; // 填写后台请求统一的地址

  // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X 
function isCardNo(card) {
  // /^\d{15}$|^\d{17}(\d|X|x)$/
  var reg = /^\d{15}$|^\d{17}(\d|X|x)$/;
  if (reg.test(card) === false) {
    return false;
  }
  return true;
}
function isPhone(pone) {
  var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
  if (!myreg.test(pone)) {
    return false;
  } else {
    return true;
  }
}
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}
function getParentQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.parent.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}
function isNull(obj){
  if (obj == undefined || obj =='undefined' || obj==null || obj==''){
    return true;
  }else{
    return false;
  }
}
function toast(title){  //提示
    vm.$message({
          message:title,
          duration:1000,
        });
}
function toastSuccess(title){ //成功提示
     vm.$message({
          message:title,
          type: 'success'
        });
}    
function loading(){ //加载中
    vm.fullscreenLoading = true;
}
function loading(msg){ //加载中
      vm.$loading({
          lock: true,
          text: msg,
          spinner: 'el-icon-loading',
          background: 'rgba(0, 0, 0, 0.7)'
        });
}
function closeLoad(){ //关闭加载动画
    vm.fullscreenLoading = false;
    vm.$loading().close();
}
function alert(title){
     vm.$alert(title, '提示', {
          confirmButtonText: '确定',  
          // callback: action => {
          //   succCallback();
          // }      
        });
}
function alertConfirm(title,succCallback){
   vm.$alert(title, '提示', {
          confirmButtonText: '确定',  
          callback: action => {
            succCallback();
          }      
        });
}
function confirm(title,succCallback){
    vm.$confirm(title, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {         
          succCallback();
        }).catch(() => {
        });
}
//获取当日时间
function CurentTime(){
var date=new Date();
var y = date.getFullYear();
   var m = date.getMonth() + 1;
   m = m < 10 ? ('0' + m) : m;
   var d = date.getDate();
   d = d < 10 ? ('0' + d) : d;
   var h = date.getHours();
   h=h < 10 ? ('0' + h) : h;
   var minute = date.getMinutes();
   minute = minute < 10 ? ('0' + minute) : minute;
   var second=date.getSeconds();
   second=second < 10 ? ('0' + second) : second;
   return  y + '.' + m + '.' + d+'/'+h+':'+minute+':'+second;
}


function CurentTimeH(){
var date=new Date();
var y = date.getFullYear();
   var m = date.getMonth() + 1;
   m = m < 10 ? ('0' + m) : m;
   var d = date.getDate();
   d = d < 10 ? ('0' + d) : d;
   var h = date.getHours();
   h=h < 10 ? ('0' + h) : h;
   var minute = date.getMinutes();
   minute = minute < 10 ? ('0' + minute) : minute;
   var second=date.getSeconds();
   second=second < 10 ? ('0' + second) : second;
   return  y + '-' + m + '-' + d+' '+h+':'+minute+':'+second;
   
}
//当前时间往前推7天
function CurentTime7(){
   var date=new Date(new Date().getTime()-3600 * 1000 * 24 * 7);
   var y = date.getFullYear();
   var m = date.getMonth() + 1;
   m = m < 10 ? ('0' + m) : m;
   var d = date.getDate();
   d = d < 10 ? ('0' + d) : d;
   var h = date.getHours();
   h=h < 10 ? ('0' + h) : h;
   var minute = date.getMinutes();
   minute = minute < 10 ? ('0' + minute) : minute;
   var second=date.getSeconds();
   second=second < 10 ? ('0' + second) : second;
   return  y + '-' + m + '-' + d+' '+h+':'+minute+':'+second;   
}

function switchTimeFormat(time) {
    var dateTime = new Date(time)
    var year = dateTime.getFullYear()
    var month = dateTime.getMonth() + 1
    var date = dateTime.getDate()
    var hour = dateTime.getHours()
    var minute = dateTime.getMinutes()
    var second = dateTime.getSeconds()
    return year+'-'+addZero(month)+'-'+addZero(date)+' '+addZero(hour)+':'+addZero(minute)+':'+addZero(second)
}
function addZero(v){
    return v < 10 ? '0' + v : v
}

Vue 打包输出公共 JS 加载文件可以通过配置 `webpack` 实现。 首先,在 `webpack.base.conf.js` 中添加 `CommonsChunkPlugin` 插件,将公共的代码提取到一个 `vendor` chunk 中: ```javascript const webpack = require('webpack') module.exports = { // ...其他配置 plugins: [ // 提取公共代码 new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', minChunks: function (module) { // 任何引用 node_modules 中的模块都被视为外部模块 return ( module.resource && /\.js$/.test(module.resource) && module.resource.indexOf( path.join(__dirname, '../node_modules') ) === 0 ) } }) ] } ``` 然后,在 `webpack.prod.conf.js` 中,使用 `HtmlWebpackPlugin` 插件将 `vendor` chunk 添加到生成的 HTML 文件中: ```javascript const HtmlWebpackPlugin = require('html-webpack-plugin') module.exports = { // ...其他配置 plugins: [ // 生成 HTML 文件,并注入静态资源 new HtmlWebpackPlugin({ filename: config.build.index, template: 'index.html', inject: true, chunksSortMode: 'dependency' }) ] } ``` 其中 `chunksSortMode` 选项指定 chunk 的排序方式,`'dependency'` 表示按依赖关系排序,这样可以确保 `vendor` chunk 在其他 chunk 之前加载。 最后,打包生成的静态资源文件中,将会有一个名为 `vendor.js` 的文件,它包含了所有来自 `node_modules` 目录下的第三方依赖库。在 HTML 文件中添加: ```html <script src="static/js/vendor.js"></script> ``` 即可加载这个公共JS 加载文件
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值