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";//在原型对象
阅读全文
