07 2022 档案
摘要:最近公司需要制作一个九宫格抽奖活动需求,自己先实现了一个简单模板 效果图 <template> <div class="container"> <div @click="start(item)" v-for="item in list" :key="item.title" :class="{ act
阅读全文
摘要:JWT JSON Web Token(JSON Web令牌) 是一个开放标准(rfc7519),它定义了一种紧凑的、自包含的方式,用于在各方之间以JSON对象安全地传输信息。此信息可以验证和信任,因为它是数字签名的。jwt可以使用秘密〈使用HNAC算法)或使用RSA或ECDSA的公钥/私钥对进行签名
阅读全文
摘要:以下是js中常见this指向问题 函数中this指向 var name = '张三' function a(){ var name = '李四'; console.log(this.name); } a();//张三 const b = ()=>{ var name = '王五'; console.
阅读全文
摘要:防抖 常见的有我们定义一个输入框的keyUp事件,每次键盘输入都会调用该事件,此时,如果我们在该事件中请求接口数据,则会造成输入搜索关键字结果发出来n次请求,造成了资源的大大浪费,如果请求数据量大,还会造成卡顿现象,此时加入防抖是一个很好的解决办法。 以下是一个简单案例 <input type="t
阅读全文
摘要:看到弹幕突然想着自己实现一个,查资料之后自己写了一个简单版的用画布实现弹幕效果 以下是代码,纯前端实现,代码里有注释 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa
阅读全文
摘要:跨站脚本攻击XSS(Cross Site Scripting),为了不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XSS。恶意攻击者往Web页面里插入恶意Script代码,当用户浏览该页面时,嵌入Web里面的Script代码会被执行,从而达
阅读全文
摘要:最近在学习react过程中使用到了pubsub-js插件来实现组件间通信,基本使用方法如下 //发布 import Pubsub from 'pubsub-js' //... Pubsub.publish(eventType, data) //订阅 import Pubsub from 'pubsu
阅读全文
摘要:1使用 splice() 截取数组 splice() 方法可以添加元素、删除元素,也可以截取数组片段。删除元素时,将返回被删除的数组片段,因此可以使用 splice() 方法截取数组片段。由于 splice() 方法的功能多,参数复杂,使用时应该注意下面几个问题。1) splice() 方法的参数是
阅读全文
摘要:1call()方法 方法重用 使用 call() 方法,您可以编写能够在不同对象上使用的方法。 //在Function原型上绑定全局自定义mycall方法Function.prototype.mycall = function (obj) { const newthis = obj || this;
阅读全文
摘要:1.nodejs将md文件转化为html,以及将html文件转化为md const { marked } = require("marked"); const express = require("express"); const fs = require("fs"); //html转md var
阅读全文
摘要:要实现一个自定义的滚动条样式,例如下图 在webkit中实现,需要滚动条的div加上class='section'即可 /* 滚动条宽度 */ .section::-webkit-scrollbar { width: 10px; } /* track滚动条未覆盖区域 */ .section::-we
阅读全文
摘要:1.原型(对象属性) Javascript规定,每一个函数都有一个prototype对象属性,指向另一个对象(原型链上面的)。 prototype(对象属性)的所有属性和方法,都会被构造函数的实例继承。这意味着,我们可以把那些不变(公用)的属性和方法,直接定义在prototype对象属性上。 pro
阅读全文
摘要:1.hasOwnProperty方法是用来检测当前属性是否为对象的私有属性(不仅要有这个属性,而且必须还是私有的才可以),该方法仅用于判断自身对象,不会查找原型链。 如下案例 function B() { this.age = 18; } B.prototype.name = "b";//在原型对象
阅读全文