![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
易子辰丶
这个作者很懒,什么都没留下…
展开
-
JS 滑动触底事件
js滑动触底事件原创 2022-03-24 17:10:18 · 1050 阅读 · 0 评论 -
JS防抖,节流,定时器清理
JS防抖,节流,定时器清除重置原创 2022-03-24 17:04:18 · 853 阅读 · 0 评论 -
CSS 水平垂直居中
1.利用position和transform//父元素.fuBox{ height: 600px; background-color: gray; position: relative;}//子元素,如果这里子元素的宽高固定,也可以不用transform,直接使用固定的left和top.testCenterBox{ height: 100px; width: 100px; background-color: #fff; position: absolute; lef原创 2021-09-22 14:23:20 · 95 阅读 · 0 评论 -
vue 上传,下载,预览文件及预览TXT时乱码处理
1.上传文件/*这里顺便写一下再vue中获取input里选择的文件,具体的input属性可去官网查看*/<input class="import-input" type="file" accept=".xls, .xlsx" ref="importInput" @change="fileChange(e)"/> /*这里只写methods里的方法*/fileChange (e) { // 如果需要验证逻辑,自行添加,比如只支持txt后缀名的文件,e.target等于t原创 2021-09-07 15:44:23 · 4950 阅读 · 1 评论 -
vue引入字体,自定义字体
字体文件后缀名一般为ttf,想在vue项目中引入字体并自定义字体的名字:1.在全局css文件夹内新建一个引入字体的文件@font-face { //也可以写其他样式比如color,fontSize之类的 font-family: 'shrry'; //自定义字体名 src: url('./../../../assets/shrryFont.ttf'); //引入字体文件 font-weight: normal; font-style: normal;}2.在main.js中引原创 2021-09-03 16:12:09 · 441 阅读 · 0 评论 -
vue + ElementUI + el-color-picker实现选择颜色更换主题皮肤
待写原创 2021-06-07 10:35:22 · 1981 阅读 · 0 评论 -
vue.js PC端复制分享Url链接,复制内容到剪切板
1.下载插件vue-clipboard2npm install --save vue-clipboard22.main.jsimport VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)3.在vue文件中<button @click="copy">分享</button>copy () { // 这里注释的方式是把url里的路径去掉了,也可以自己修改路径以及添加参数 // let invitelin.原创 2021-05-19 15:41:11 · 1173 阅读 · 0 评论 -
vue pc生成二维码支付
这里介绍两种vue生成二维码的方法QRcodevue-qrvue-qr比QRcode功能多在可以在中间加logoQRcodenpmnpm install qrcodejs2 import在所需页面导入import QRCode from 'qrcodejs2'use复制代码<div class="qrcode" ref="qrCodeUrl"></div><script>methods: {creatQr...转载 2021-04-15 17:55:43 · 474 阅读 · 0 评论 -
JSX 事件的使用
<button onClick={() => { this.handle('view') }}>详情</button >原创 2021-04-08 17:58:20 · 514 阅读 · 0 评论 -
localstorage 本地存储及token设置,vuex刷新数据丢失
本地存储简介简单介绍:前端开发时js可以调用api在浏览器存储数据,大小总共未5M可再浏览器查看,f12打开控制台方式:1.localstorage在本地浏览器长期存储,需要手动清除才会消失(清除浏览器缓存或调用js方法清除)2.sessionstorage在本地浏览器存储,但只存在一次会话级(即浏览器关闭再打开就没了)使用:localstorage和sessionstorage使用一样,下面的只需要替换就行// 存:第一个参数为存在本地的名字,即本地容器的名字localstorag原创 2021-04-02 16:33:29 · 3016 阅读 · 0 评论 -
es6 数组遍历 foreach、map、filter 多层数组深浅拷贝 vue
#foreach对数组的每一项进行操作,不会产生新数组 let arr = [1, 2, 3] arr.forEach((item, index, value) => { console.log(item) // 每一项的值1,2,3 console.log(index) // 每一项的下标0,1,2 console.log(value) // 整个数组[1,2,3],[1,2,3],[1,2,3] })#m原创 2021-02-19 11:10:32 · 1517 阅读 · 0 评论 -
js 浅拷贝 实现深拷贝
对于基础的引用数据类型,在进行赋值的时候往往容易碰到修改原数据的值的时候,被赋值的数据也跟着修改了。这就要了解数据存储机制,分为栈和堆,对于引用数据类型,如数组(Arrey)或对象(Object),栈里面存数据的名字而堆里面存值,数据名通过指针找到堆里面的数据。前面的问题就是数据的浅拷贝和深拷贝浅拷贝在对引用数据类型赋值时,浅拷贝其实只是拷贝了指针而已。若堆内数据的值改变,而此时指针指向并未改变,所以被赋值的变量的值也会发生改变,这就是浅拷贝造成的问题,下面上代码实例let a = [1,2原创 2021-02-02 16:21:21 · 312 阅读 · 2 评论 -
前端 JS 打印 WORD/EXCEL PDF
@前端打印页面,导出word,导出ppt之前做的一个项目里要求结合页面的表格导出PDF和WORD并实现打印功能,就顺便做下总结导出PDF这里我我选择了使用插件html2canvas来做,先把插件的官网用法放出来 安装 npm install html2canvas 引入 import html2canvas from 'html2canvas' 使用 html2canvas(document.body).then(function(canvas) { document.body.appe原创 2021-01-25 18:30:31 · 4758 阅读 · 0 评论