wozouludaifeng的博客

上面这种根据宽度比例进行缩放的，针对1920 * 1080,3840 * 2160(4k)是没有问题的，但是在超宽屏的情况下还是存在只显示一半的问题。动态计算网页宽高比，决定是按照宽度的比例还是高度的比例进行缩放。这种方案的原理就是根据宽高比例进行缩放。（宽度比率=网页当前宽度/设计稿宽度）很多的大屏适配都是使用的这种方案。

自定义指令

// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias./* eslint-disable */import Vue from 'vue'import App from './App'import router from './router'// 导入vant import '

let url = window.location.href if(url.indexOf("?")!=-1){ url = url.replace(/(\?|#)[^'"]*/, ''); window.history.pushState({},0,url); }

<AddOrEditMedical ref="AddOrEditMedical" :visible="addsVisible" :eventlist="eventlist" @close-visible="onFinsh" />editMedical(data) { this.$refs.AddOrEditMedical.show(data.id); this.addsVisible = true; },`methods: {show(id) {t

let testPassword = /(?!^[0-9]+$)(?!^[A-z]+$)(?!^[^A-z0-9]+$)^.{8,18}$/; if (!testPassword.test(this.newUserPassword) || !testPassword.test(this.sureNewUserPassword)) { this.$message.warning('新密码必须由大写字母、小写字母、数字、字符任意两种组成，密码长度最短8位') retu

<template> <div class="chartNum"> <div class="box-item"> <li :class="{'number-item': !isNaN(item), 'mark-item': isNaN(item) }" v-for="(item,index) in orderNum" :key="index"> <span

使用exports.install+Vue.prototype(推荐)在crypto.js文件中创建自己的自定义的方法Crypto()。import CryptoJS from 'crypto-js'export default{ install(Vue){ Vue.prototype.Crypto = function (word, getkey) { console.log(word,getkey) var key = CryptoJS.enc.Utf8.pa

原生<template> <m-page> <div slot="content"> <div class="box"> <div class="options" id="options"> <div class="box-warp"> <a href="javascript:;"> <p cl

1、export const UPLOAD = (file) => { let form = new FormData() form.append('file', file) return new Promise((resolve, reject) => { resolve(res) reject(error) })}2UPLOAD(file).then(res => {//file=e.target.files[0] document.get

let pdf = ['白建辉','白山朋','鲍洋洋','蔡冬梅','曹季英','常小龙','陈大福','陈高运','陈海燕','陈佳璐','陈建正','陈进城','陈军良','陈守亮','陈小勇','陈永桥','陈重修','陈祖强','程海燕','程学良','崔雪龙','戴海军','丁玉兰','杜陈士','段文学','范立斌','方世国','冯卫华','冯小平','傅阳峰','付建明','付友宜','付余佳','高国强','龚建雄',

const date = new Date() for(var i=0;i<7;i++){ let newDate=new Date(date.getTime()+i*1000*60*60*24) let year=newDate.getFullYear() let month=(parseInt(newDate.getMonth())+1)>9?(parseInt(newDate.getMonth())+1):"0"+(parseIn

方法一： 乘以100或除以100之后保留两位小数parseFloat((num*100).toFixed(2))方法二：// 除以100保留两位小数点 function divideByHundred(str) { let floatVal = parseFloat(str); if (isNaN(floatVal )) { return 0; } floatVal = Math.round(str * 100) / 10000

import QRCode from 'qrcode' // import引入可能会导致报错，可以尝试require// const QRCode = require('qrcode'); // With promisesQRCode.toDataURL('I am a pony!') .then(url => { console.log(url) }) .catch(err => { console.error(err) })Example： .

import JsBarcode from 'jsbarcode'JsBarcode("#barcode", jiuZhenKH, { width:4, height:60, lineColor:"#333", displayValue: false .

http://momentjs.cn/

<div class="dialog-mask" v-if="display"> <div class="dialog " id="dialog"> <div class="title">请输入授权验证码</div> <div class="input"> <input id="first" class="inputStyle" v-model="code[0]" style="

judgeTime(time){列：date:'2021-03-18 09:28:34' let date = new Date(time.replace(/-/g, '/')) let hours = date.getHours() if(hours >= 0 && hours < 12){ return '上午' }else{ return '下午' } }, jud

总秒数CountDown(){ let maxtime = 30 //倒计时间总秒数 this.timer = setInterval(()=>{ if (maxtime >= 0) { let hour = Math.floor((maxtime / 3600) % 24); let minutes = Math.floor((maxtime / 60) % 60); let seconds

vue自定义全局公共函数单独零散的函数在main.js里进行全局注册Vue.prototype.ajax = function (){}在所有组件里可调用this.ajax()多个函数定义在一个对象里// xx.js文件var tools = {}tools.addNum = function (x, y) { return x * y} // 还可以在这个文件里面添加多个函数tools.install = function (Vue, options) { Vue.pr

降序this.list = res.data.sort((a, b) => { return b.tbYear - a.tbYear })升序this.list = res.data.sort((a, b) => { return b.tbYear - a.tbYear })

01、push(value)将value添加到数组的最后，返回数组长度(改变原数组)// Baselet a = [1, 2, 3, 4, 5]let result = a.push(1)console.log(result) // 6console.log(a) // [1, 2, 3, 4, 5, 1] 原数组被改变// Morea = [1, 2, 3, 4, 5]result = a.push('a', 'b') // 可一次添加多个值conso