![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
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 · 189 阅读 · 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 · 1381 阅读 · 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 · 1656 阅读 · 0 评论 -
element中的select加checkBox
只需要重写select的样式就看可以啦!!!// 重写el-select下拉选择框// ******************** //.dc-multiple-select .el-select-dropdown__item::before { content: ""; position: absolute; top: 9px; right: 16px; font-size: 12px; font-weight: bold; -webkit-font-smoothing原创 2021-07-23 11:40:01 · 455 阅读 · 0 评论 -
element-ui的el-select远程加载数据后被遮挡
可以通过使用debouncedOnInputChange() 方法重新计算el-select的可视范围例:this.$refs.selectEmploy.debouncedOnInputChange()原创 2021-07-13 18:07:16 · 323 阅读 · 0 评论 -
web前端开发规范
命名:1、文件名(项目中的)、方法名、字段名遵循驼峰命名法2、图片、图标(svg)采用下划线3、css的class样式采用中间横线、id采用驼峰命名书写规范:原创 2021-03-26 14:50:21 · 81 阅读 · 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 · 1190 阅读 · 0 评论 -
pc端ip定位、天气api接口
http://wthrcdn.etouch.cn/weather_mini参数:city原创 2021-03-17 09:54:14 · 148 阅读 · 1 评论 -
前端面试(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 · 103 阅读 · 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 · 74 阅读 · 0 评论 -
js操作dom
1、获取所有子节点:el.childNodes2、删除子节点:el.removeChild(node)3、添加子节点:el.appendChild(node)4、创建节点:el.createNode(node)原创 2021-03-15 11:55:30 · 79 阅读 · 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 · 1006 阅读 · 0 评论 -
vue2.0 和 3.0区别
1.数据的双向绑定的异同Vue2.0使用Object.defineProperty, Vue 3.0使用ES6的新特性porxy2.0、原理:使用 Object.defineProperty 来劫持对象属性的 geter 和 seter 操作,当数据发生改变发出通知(无法深度劫持)3.0、原理:使用ES6的新特性proxy来劫持数据,当数据改变时发出通知(可以深度劫持)2.0 代码: 1 <!DOCTYPE html> 2 <html lang="en">原创 2020-11-30 11:04:15 · 356 阅读 · 0 评论 -
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 · 364 阅读 · 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 · 303 阅读 · 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 · 205 阅读 · 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 · 650 阅读 · 0 评论 -
element的table大量数据渲染卡顿解决
B/S架构遇到很多的问题应该就是大数据渲染了(毕竟javascript单线程)在使用table的时候,用户想操作大量表格数据(别跟客户说改需求了,不行的)使用vxe-table就能解决我们的好多问题,不得不说,这是我遇到过最好的table了,完美解决了我的需求。npm install xe-utils vxe-table 让我们快点开始吧 import Vue fr...原创 2019-11-15 13:52:14 · 5655 阅读 · 0 评论 -
常用图片
常用图片原创 2018-11-01 15:59:57 · 598 阅读 · 0 评论 -
vue动态路由-后端接口
*通过获取后台用户信息的权限来进行路由的动态加载store.dispatch('GetInfo').then(res => { // 拉取用户信息 let permissionData = tool.deepCopy(store.getters.permission) let getData = (obj) => { ...原创 2018-11-02 09:17:45 · 3573 阅读 · 0 评论