xssxxssx的博客

const request = new XMLHttpRequest() const resourceUrl = hostUrl request.open('POST', resourceUrl, true) request.setRequestHeader('Authorization', getToken()) request.setRequestHeader('content-type', '...

使用npm i jszip、npm i file-saver、npm i axios安装插件1、下载文件流：import JSZip from 'jszip'import FileSaver from 'file-saver'import axios from 'axios'const getFile = url => { return new Promise(async (resolve, reject) => { const obj = { metho

使用vue前端大文件直传OSS、使用分片上传<template> <div class="big-file-upload"> <div class="el-upload el-upload--text"> <div class="el-upload-dragger" :class="isDrag?'is-dragover':''" @click.stop="onUploadFile"> <div class=

一、插件安装二、设置用户首选项setting.json{ "workbench.colorTheme": "Monokai", "workbench.editor.enablePreview": false, //打开文件不覆盖 "search.followSymlinks": false, //关闭rg.exe进程 "editor.minimap.enabled": false, //关闭快速预览 "liveServer.settings.donotS

前端面试（偏vue）：1、谈谈MVVM架构模式2、vue的computed和watch的区别3、谈谈vue的生命周期4、v-show和v-if指令的共同点和不同点5、vue路由跳转传参方式6、谈谈js的this指向问题7、谈谈js的数据类型和浅拷贝与深拷贝8、浏览器的几种数据缓存方式9、谈谈http和https请求以及请求方式和数据传输10、谈谈css、sass、less...

// 单行文本省略overflow: hidden;text-overflow:ellipsis;white-space: nowrap;// 多行文本省略display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;// 首行缩进text-indent

1、获取所有子节点：el.childNodes2、删除子节点：el.removeChild(node)3、添加子节点：el.appendChild(node)4、创建节点：el.createNode(node)

const tipComponent = Vue.extend({ template: `<el-tooltip placement="right" effect="light" :popper-options="{ boundariesElement: 'body', gpuAcceleration: false, removeOnDestroy: true }" :open-delay="0" .

new Date(time1).getTime()new Date(time2).getTime()

<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>{{ myObj.name }}</h2> <div></div> <van-button @click.stop="onAddCount" square type="primary">单次累加:（{{ count }}）</van-button&gt.

import axios from 'axios'import { Message, MessageBox } from 'element-ui'import store from '../store'import { getToken } from '@/utils/auth'// 正常请求链接export const hostUrl = '192.168.16.152';// crm相关请求链接// const crmHttpUrl = 'http://192.168.16.118:.

export let fv = { //匹配mobile isMobile: (str) => { if(str==null||str=="") return false; let result=str.match(/^((\(\d{2,3}\))|(\d{3}\-))?((13\d{9})|(15\d{9})|(18\d{9}))$/); if(result==null)return false; return true; }, //匹配phone.

vue通过后台获取功能权限控制之后的列表宽度export function getWidth() { if (document.getElementsByClassName('btn-group').length <= 0) return 0; let maxIndex = 0; for(let i=0;i<document.getElementsByClassName('btn-group').length;i++) { let currentLength = doc

//深复制（包含复杂模式） deepCopy: (obj) => { let objArray = Array.isArray(obj) ? [] : {} if (obj && typeof obj === "object") { for (let key in obj) { if (obj.hasOwnProperty(key)) { if (obj[key] && typeof obj[key].

JS中filter(),some(),every(),,map()各种循环的区别与理解1.filter():返回一个符合func条件的元素数组（es6）2.some():返回一个Boolean，判断是否有元素符合func条件const arr = [1,2,3,4]; arr.some((item)=>{return item>1})打印结果： true3.every():返回一个Boolean，判断每个元素是否符合func条件const arr1 = [1,2,3,4];

element-ui的Popover组件在使用的时候，如果el-popover里面的数据是动态的，有时候会出现位置偏移不在可视区域范围内的情况，主要是popper-options这个参数要设置，还请大家看看popper.js的文档，记住选着popper.js的文档哈<el-popover ref="dcPopover" placement="left" width="797...

B/S架构遇到很多的问题应该就是大数据渲染了（毕竟javascript单线程）在使用table的时候，用户想操作大量表格数据（别跟客户说改需求了，不行的）使用vxe-table就能解决我们的好多问题，不得不说，这是我遇到过最好的table了，完美解决了我的需求。npm install xe-utils vxe-table 让我们快点开始吧 import Vue fr...

countdownTime为两个时间的差值let runTime = parseInt(countdowmTime / 1000);let day = Math.floor(runTime / 86400);runTime = runTime % 86400;let hour = Math.floor(runTime / 3600);runTime = runTime % 3600...

element-ui中的el-table在使用大量数据的时候卡顿、卡顿、卡顿（重要的事将三遍），特别是在table中还使用el-checkbox来进行全选的时候，点击按钮直接卡顿3s界面才渲染，有没有很痛苦（反正我是很痛苦），其实，可以使用pl-table来处理表格的（不是我写的）；eg：就像这样<pl-table row-key="id" ...

*通过获取后台用户信息的权限来进行路由的动态加载store.dispatch('GetInfo').then(res =&gt; { // 拉取用户信息 let permissionData = tool.deepCopy(store.getters.permission) let getData = (obj) =&gt; { ...