前端
文章平均质量分 54
乌贼さま
这个作者很懒,什么都没留下…
展开
-
element table表头搜索记录
使用的是element table提供的render-header方法<el-table-column show-overflow-tooltip prop="merchantName" label="商户" min-width="180" :render-header='customTableHeader'></el-table-column>import tableHeaderSearch from '@/pages/callCenter/components/tab.原创 2021-06-07 17:55:16 · 263 阅读 · 0 评论 -
vue项目不支持IE浏览器提示
index.html<div id="app"> <iframe id='IEIframe' style='display: none;' width="100%" height="700px" src="/static/ie.html" frameborder="0"></iframe></div><script type="text/javascript"> /* 如果是ie浏览器 */ if (!!window.ActiveX.原创 2021-05-28 16:54:23 · 17266 阅读 · 2 评论 -
html2canvas
官网:https://html2canvas.hertzen.com/参考文章:https://www.jianshu.com/p/b70b52091b49?utm_campaign=haruki&utm_content=note&utm_medium=seo_notes&utm_source=recommendation安装:npm install --save html2canvas引入:import html2canvas from “html2ca原创 2021-05-11 17:10:27 · 240 阅读 · 0 评论 -
websocket 使用记录
在main.js中 创建websocket连接 (webSocket.js文件在最后)import webSocket from '@/assets/js/webSocket.js'Vue.prototype.$webSocket = webSocketwebSocket.initWebSocket()vuex中储存websocket推送的消息(使用vuex可以在项目任务地方获取socket消息)const state = { socketRes: {}, /* socket消息结果 */原创 2021-03-24 11:30:18 · 154 阅读 · 0 评论 -
自定义表格 处理滚动body时,header同步滚动
项目中一个模块的表格,element table满足不了,就自己写了一个,记录一下当滚动table body时,需要table header与右侧悬浮的table column同时上下/左右滚动,使用transform中的translateautoScroll () { let header = document.querySelector('.cycle-header') let body = document.querySelector('.cycle-body') let right.原创 2021-03-10 16:49:40 · 288 阅读 · 0 评论 -
vue + element 实现可拖动表格,element tree层级线样式
新建一个vue文件copy进去就可以看到效果,想要实现拖动的时候 请求接口 或者判断能否拖动等,请参考element tree组件<template> <div id='draggableTable'> <!-- 表头 --> <div class="drat-header"> <div class="drat-item-header" :class='{"drat-name-header": ite原创 2021-02-06 21:14:38 · 835 阅读 · 0 评论 -
js工具方法记录
base64转filedataURLtoFile (dataurl, filename) { var arr= dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while(n--){ u8arr[n] = bstr.charCodeAt(n); } return new Fil原创 2021-01-27 14:04:51 · 133 阅读 · 0 评论 -
element upload组件,ctrl v粘贴图片自动上传
产品提了一个需求,需要用户可以在微信或者qq截屏之后,ctrl v直接上传图片,网上查了几篇文章参考了其中一篇实现了参考文章:https://blog.csdn.net/rencaishigepi/article/details/80277810代码↓<el-upload drag class="upload-demo" :on-preview="handlePictureCardPreview" :on-success='handleSuccess' :on-remove=原创 2021-01-27 11:44:38 · 895 阅读 · 1 评论 -
jenkins + gitlab实现自动化打包前端项目
安装java jdk运行环境安装jenkins配置添加Credentials配置好这些jenkins 已经可以从gitlab上拉取项目并打包,但是还不能上传服务器,研究中原创 2021-01-14 18:07:58 · 1437 阅读 · 1 评论 -
VS Code插件
GitLens,代码日志原创 2020-11-27 17:17:39 · 81 阅读 · 0 评论 -
文字充电效果+css clamp()、background-clip使用案例
参考链接:https://www.bilibili.com/video/BV1dK411G7hgclamp函数作用是将一个【值】限制再某个 【最小值】与【最大值】之间语法:width: clamp(min, val, max)举例:width: clamp(200px, 50%, 500px)表示当元素宽度可以是200px~500px之间的任意值取决于父元素的宽度,但当父元素宽度的50% 小于200px时,元素的宽度默认为200px,当父元素宽度的50%大于500px时,元素的宽度默认为500原创 2020-11-24 17:49:58 · 209 阅读 · 0 评论 -
driver.js 前端引导组件
参考:https://blog.csdn.net/qq_28811145/article/details/108103011https://kamranahmed.info/driver.js/安装:npm install driver.js使用:import Driver from 'driver.js'import 'driver.js/dist/driver.min.css'guideSetup () { const driver = new Driver() driver原创 2020-10-12 15:31:36 · 837 阅读 · 5 评论 -
对开发有帮助的网站记录
EChartsDemohttps://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all原创 2020-09-18 18:02:39 · 91 阅读 · 0 评论 -
工作实例记录-可拖动的进度条
// 自定义进度条组件<template> <div id='customProgress'> <div class="customProgress-list"> <div class="customProgress-item"> <span>沟通难易</span> <div id='parentProgress' class="customProgress-conten.原创 2020-08-24 14:11:41 · 127 阅读 · 0 评论 -
this指向
参考原文:https://www.jianshu.com/p/8d357981dedbthisthis是js中的一个关键字,是函数运行时自动生成的一个内部对象this的指向不是在创建是决定的,而是由执行环境决定的this的指向一般有以下几种情况1. 全局环境全局环境下,this代表的是window对象(针对web应用)var name = 'zhar';function say...原创 2020-04-01 10:39:58 · 99 阅读 · 0 评论 -
闭包
参考:http://www.360doc.com/content/19/0529/15/64276718_838982036.shtml什么是闭包闭包是能够读取函数内部定义的变量的函数函数内部定义的变量,在函数外无法调用到,并且在函数执行完以后,定义变量的内存也会被回收,闭包函数因为是函数内部的子函数,可以访问到上级函数定义的变量,即使上级函数执行完作用域也不会销毁补充:函数的作用域js...原创 2020-03-31 17:16:31 · 75 阅读 · 0 评论 -
var let const的区别
来源:https://blog.csdn.net/qq_43004614/article/details/90697463在ES5中,声明变量只有var 和function两种方式,但因为var声明的变量会有一定的缺点(作用域内的变量会覆盖作用域外的变量和循环中声明的计数变量泄露为全局变量),因此es6后新增let和const两种声明变量方式1. 什么时候提出的var是ES5提出的,let...原创 2020-03-31 14:58:27 · 70 阅读 · 0 评论 -
常用正则表达式
去除空格去除首尾空格原创 2020-03-18 11:01:19 · 64 阅读 · 0 评论 -
JavaScript中的new操作符
参考链接:https://blog.csdn.net/cc18868876837/article/details/103149502function如果直接书写只是单纯的调用方法,如果加上new操作符则变成了构造函数new操作符创建对象主要有两个重要的步骤:将Person.prototype 原型对象赋值给 新对象的原型 obj.__ proto __通过apply方法替换函数Pers...原创 2020-03-05 16:03:21 · 87 阅读 · 0 评论 -
js原型与原型链(proto、prototype、constructor)
参考文章:https://blog.csdn.net/xiaotao_css/article/details/72782416?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-taskhttps://www.jianshu.com/p/be7c957145...原创 2020-03-05 15:13:16 · 242 阅读 · 0 评论 -
vuex的简单使用方法
vuex是什么vuex是一个专门为vue.js应用程序开发的 状态管理模式 ,它采用 集中式储存 管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化vuex就是把需要共享的变量全部储存在一个对象里,然后将这个对象放在顶层组件中供其他组件使用使用场景在vue组件开发中,经常会遇到需要将当前组件的状态转递到其他组件,或是获取其他组件的数据,若组件与组件之间是父子组件...原创 2020-03-04 16:03:16 · 159 阅读 · 0 评论 -
vue生命周期
vue的生命周期是什么vue组件从创建到销毁的过程,每个组件都有创建、初始化数据、挂载、更新、销毁的钩子函数vue8个生命周期钩子函数beforeCreate组件实例刚创建,dom和数据都还未初始化createdprops =》methods =》data =》computed =》watch =》已经按照书写顺序初始化完成,但是dom并未渲染,methods中的方法一般在这个钩...原创 2020-03-04 15:12:38 · 68 阅读 · 0 评论 -
js深浅拷贝
参考原文地址:https://www.cnblogs.com/136asdxxl/p/8645750.htmljs数据类型分为基础数据类型和引用数据类型1. 基础数据类型: undefined、null、string、number、boolean、symbol(es6)b. 引用数据类型:Object(例如:Object、Array、function、data等)基础数据类型保存在 栈内存...原创 2020-03-03 09:38:50 · 72 阅读 · 0 评论 -
js字符串操作
字符串转数组split(’,’) 将字符串内每个字符按照引号内符号分割并返回substring() / substr() 切割字符串substring(startIndex, endIndex) 截取范围为两个下标之间的字符(含起始下标不含结束下标)substr(startIndex, length) 截取范围为起始下标后length位字符replace() 替换字符串只替换字符...原创 2020-03-02 15:32:19 · 98 阅读 · 0 评论 -
js数组操作
splice() 删除/替换数组 (改变原始数组并返回元素数组)splice(startIndex, length) - 从起始下标开始删除多少个元素splice(startIndex, length, newEl) - 将起始下标后length位替换为新元素splice(startIndex, 0, newEl) - 在起始下标后插入一个新元素slice()slice(startIn...原创 2020-03-02 15:30:17 · 96 阅读 · 0 评论