![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
a丶谁谁
come on!
展开
-
js下载流文件
const request = new XMLHttpRequest() const resourceUrl = hostUrl request.open('POST', resourceUrl, true) request.setRequestHeader('Authorization', getToken()) request.setRequestHeader('content-type', '...原创 2021-11-04 10:17:01 · 201 阅读 · 0 评论 -
js打包文件生成zip
使用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原创 2021-08-25 09:33:51 · 1405 阅读 · 0 评论 -
前端OSS分片上传(vue版)
使用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=原创 2021-08-13 17:13:42 · 1731 阅读 · 0 评论 -
vscode安装vue相关插件
一、插件安装二、设置用户首选项setting.json{ "workbench.colorTheme": "Monokai", "workbench.editor.enablePreview": false, //打开文件不覆盖 "search.followSymlinks": false, //关闭rg.exe进程 "editor.minimap.enabled": false, //关闭快速预览 "liveServer.settings.donotS转载 2021-03-26 11:20:49 · 1212 阅读 · 0 评论 -
前端面试(js、vue)
前端面试(偏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...原创 2021-03-17 09:14:14 · 111 阅读 · 0 评论 -
css样式汇总大全
// 单行文本省略overflow: hidden;text-overflow:ellipsis;white-space: nowrap;// 多行文本省略display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;// 首行缩进text-indent原创 2021-03-15 17:17:56 · 83 阅读 · 0 评论 -
js操作dom
1、获取所有子节点:el.childNodes2、删除子节点:el.removeChild(node)3、添加子节点:el.appendChild(node)4、创建节点:el.createNode(node)原创 2021-03-15 11:55:30 · 87 阅读 · 0 评论 -
js动态插入vue组件(代码片段)
const tipComponent = Vue.extend({ template: `<el-tooltip placement="right" effect="light" :popper-options="{ boundariesElement: 'body', gpuAcceleration: false, removeOnDestroy: true }" :open-delay="0" .原创 2021-03-15 10:47:04 · 1026 阅读 · 0 评论 -
js比较两个时间的大小
new Date(time1).getTime()new Date(time2).getTime()原创 2021-03-15 10:44:11 · 158 阅读 · 0 评论 -
vue3.0各种基本composition api
<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>{{ myObj.name }}</h2> <div></div> <van-button @click.stop="onAddCount" square type="primary">单次累加:({{ count }})</van-button>.原创 2020-12-07 22:23:12 · 148 阅读 · 1 评论 -
axios请求封装(多请求链接)
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:.原创 2020-07-09 17:54:03 · 376 阅读 · 0 评论 -
js通用正则表达式
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.原创 2020-06-18 18:10:13 · 311 阅读 · 0 评论 -
element的table通过后台获取功能权限控制之后的列表宽度
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原创 2020-06-18 18:07:14 · 216 阅读 · 0 评论 -
js对象深复制方法
//深复制(包含复杂模式) 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].原创 2020-05-27 16:14:37 · 134 阅读 · 0 评论 -
JS中filter(),some(),every(),,map()各种循环的区别与理解
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];原创 2020-05-27 16:06:51 · 658 阅读 · 0 评论 -
element-ui的popover组件位置偏移
element-ui的Popover组件在使用的时候,如果el-popover里面的数据是动态的,有时候会出现位置偏移不在可视区域范围内的情况,主要是popper-options这个参数要设置,还请大家看看popper.js的文档,记住选着popper.js的文档哈<el-popover ref="dcPopover" placement="left" width="797...原创 2019-11-15 14:02:29 · 24287 阅读 · 13 评论 -
element的table大量数据渲染卡顿解决
B/S架构遇到很多的问题应该就是大数据渲染了(毕竟javascript单线程)在使用table的时候,用户想操作大量表格数据(别跟客户说改需求了,不行的)使用vxe-table就能解决我们的好多问题,不得不说,这是我遇到过最好的table了,完美解决了我的需求。npm install xe-utils vxe-table 让我们快点开始吧 import Vue fr...原创 2019-11-15 13:52:14 · 5692 阅读 · 0 评论 -
js计算两个时间戳之间的天、时、分、秒间隔
countdownTime为两个时间的差值let runTime = parseInt(countdowmTime / 1000);let day = Math.floor(runTime / 86400);runTime = runTime % 86400;let hour = Math.floor(runTime / 3600);runTime = runTime % 3600...原创 2019-11-13 09:16:39 · 1266 阅读 · 0 评论 -
element-ui中table大量数据渲染卡顿
element-ui中的el-table在使用大量数据的时候卡顿、卡顿、卡顿(重要的事将三遍),特别是在table中还使用el-checkbox来进行全选的时候,点击按钮直接卡顿3s界面才渲染,有没有很痛苦(反正我是很痛苦),其实,可以使用pl-table来处理表格的(不是我写的);eg:就像这样<pl-table row-key="id" ...原创 2019-11-12 16:06:18 · 12924 阅读 · 3 评论 -
vue动态路由-后端接口
*通过获取后台用户信息的权限来进行路由的动态加载store.dispatch('GetInfo').then(res => { // 拉取用户信息 let permissionData = tool.deepCopy(store.getters.permission) let getData = (obj) => { ...原创 2018-11-02 09:17:45 · 3589 阅读 · 0 评论