摘要: 看到elementUI封装的el-table组件觉得很有意思,就自己简单实现了自己的一个table组件,具体功能有 columns:表头 data:数据 border:是否有边框 zebra:是否有斑马纹 hover:悬浮效果 change:change事件 具体样式自己修改,只实现功能 使用 <M 阅读全文
posted @ 2022-08-15 23:46 lijun12138 阅读(2311) 评论(0) 推荐(0)
摘要: 需求需要一个这样的效果 轮播话术,首先想到的是操作dom方法 mounted() { //获取div元素,定位轮播位置 const parentDiv = this.$refs.shufflingText for (let i = 0; i < 100; i++) { this.shuffling( 阅读全文
posted @ 2022-08-12 17:57 lijun12138 阅读(189) 评论(0) 推荐(0)
摘要: 最近公司需要制作一个九宫格抽奖活动需求,自己先实现了一个简单模板 效果图 <template> <div class="container"> <div @click="start(item)" v-for="item in list" :key="item.title" :class="{ act 阅读全文
posted @ 2022-07-29 20:07 lijun12138 阅读(1071) 评论(0) 推荐(0)
摘要: JWT JSON Web Token(JSON Web令牌) 是一个开放标准(rfc7519),它定义了一种紧凑的、自包含的方式,用于在各方之间以JSON对象安全地传输信息。此信息可以验证和信任,因为它是数字签名的。jwt可以使用秘密〈使用HNAC算法)或使用RSA或ECDSA的公钥/私钥对进行签名 阅读全文
posted @ 2022-07-28 16:02 lijun12138 阅读(755) 评论(0) 推荐(0)
摘要: 以下是js中常见this指向问题 函数中this指向 var name = '张三' function a(){ var name = '李四'; console.log(this.name); } a();//张三 const b = ()=>{ var name = '王五'; console. 阅读全文
posted @ 2022-07-22 17:32 lijun12138 阅读(316) 评论(0) 推荐(0)
摘要: 防抖 常见的有我们定义一个输入框的keyUp事件,每次键盘输入都会调用该事件,此时,如果我们在该事件中请求接口数据,则会造成输入搜索关键字结果发出来n次请求,造成了资源的大大浪费,如果请求数据量大,还会造成卡顿现象,此时加入防抖是一个很好的解决办法。 以下是一个简单案例 <input type="t 阅读全文
posted @ 2022-07-22 15:20 lijun12138 阅读(974) 评论(0) 推荐(0)
摘要: 看到弹幕突然想着自己实现一个,查资料之后自己写了一个简单版的用画布实现弹幕效果 以下是代码,纯前端实现,代码里有注释 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa 阅读全文
posted @ 2022-07-19 16:49 lijun12138 阅读(285) 评论(0) 推荐(0)
摘要: 跨站脚本攻击XSS(Cross Site Scripting),为了不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XSS。恶意攻击者往Web页面里插入恶意Script代码,当用户浏览该页面时,嵌入Web里面的Script代码会被执行,从而达 阅读全文
posted @ 2022-07-18 15:37 lijun12138 阅读(154) 评论(0) 推荐(0)
摘要: 最近在学习react过程中使用到了pubsub-js插件来实现组件间通信,基本使用方法如下 //发布 import Pubsub from 'pubsub-js' //... Pubsub.publish(eventType, data) //订阅 import Pubsub from 'pubsu 阅读全文
posted @ 2022-07-11 15:49 lijun12138 阅读(572) 评论(0) 推荐(1)
摘要: 1使用 splice() 截取数组 splice() 方法可以添加元素、删除元素,也可以截取数组片段。删除元素时,将返回被删除的数组片段,因此可以使用 splice() 方法截取数组片段。由于 splice() 方法的功能多,参数复杂,使用时应该注意下面几个问题。1) splice() 方法的参数是 阅读全文
posted @ 2022-07-07 17:09 lijun12138 阅读(496) 评论(0) 推荐(0)