如果我们可以通过js获取到电脑的默认缩放,那对我们做页面适配将会有很大的帮助。下面就跟大家分享下js代码:
function detectZoom() {
let ratio = 0
const screen = window.screen
const ua = navigator.userAgent.toLowerCase()
if (window.devicePixelRatio !== undefined) {
ratio = window.devicePixelRatio
} else if ...阅读全文>>
官方文档;
vue-cli-service serve 命令会启动一个开发服务器 (基于 webpack-dev-server
) 并附带开箱即用的模块热重载 (Hot-Module-Replacement)。
(我的问题好像是没安装,具体的自己再看看)
webpack4.0需要手动配置开启热更新,默认没有开启
解决办法
一,安装依赖webpack-dev-server
根据自己的情况安装npm / cnpm
npm install --save-dev webpack-dev-server&nbs...阅读全文>>
升级babel 7,官方提供了一个工具babel-upgrade,对于已有的项目,只需要运行一行命令就可以升级到7版本以上了。
运行命令:npm babel-upgrade --write --install
安装出现如下提醒
请执行以下代码:
npm install --save @babel/runtime-corejs2阅读全文>>
什么是可选链
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining
当访问多层对象属性(如o.a.b)时,如果属性a为空,则会报引用错误
为此我们不得不这么处理:
const c = o.a && o.a.b ? o.a.b : undefined
有了可选链,就可以对一个为null或者undefined属性安全引用:
const o = {} const tryA_B = o?.a?.b...阅读全文>>
el-dialog 弹窗初始化默认点击弹窗组件以外区域(遮罩)会导致该组件关闭
方法一:(局部控制)
修改 close-on-click-modal 属性改为 false 可以禁止点击遮罩关闭弹窗(默认是true)
注:在使用 close-on-click-modal 属性时,必须在该属性前加冒号 " : "
方法二:(局部控制)
添加 before-close 属性,在 dialog 关闭时,让用户进行确认是否需要关闭
handleClose(done) {
this.$confirm('确认关闭?').then(_ =>...阅读全文>>
import Vue from 'vue';
import Vuex from 'vuex';
import app from './module/app';
import exchange from './module/exchange';
import user from './module/user';
import header from './module/header';
import gbbo from './module/gbbo';
import createPersistedState from 'vuex-persistedstate';
Vue.us...阅读全文>>
!/^[ A-Za-z0-9]*$/.test(value)阅读全文>>
<iframe
width="100%"
height="100%"
src="https://www.youtube.com/embed/id?enablejsapi=1&autoplay=1&loop=1&playlist=id"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
...阅读全文>>
新建menu组件:
<template>
<div>
<Menu @on-select='tabopen'>
<MenuItems :menu='menu'></MenuItems>
</Menu>
</div>
</template>
<script>
import MenuItems from './menuItem'
export default {
name:'Menus',
...阅读全文>>
npm -y init
记录配置,可根据个人需求新增活减少功能
新建webpack.config.js文件
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin')...阅读全文>>