解决首页面路由重复点击报错

多次点击路由跳转按钮,在控制台会报错,虽然对项目的运行没有什么影响,但总会觉得代码写的不够好解决办法:在导入路由的文件中加入下面代码/** * 修改首页面路由重复点击报错 */const originalPush = VueRouter.prototype.push;VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => er
分类: 其他 发布时间: 03-04 08:12 阅读次数: 0

在ts中使用dayjs

分为两种情况:没有在tsconfig.json中进行如下配置"compilerOptions": { "esModuleInterop": true, "allowSyntheticDefaultImports": true, }在使用dayjs的页面中通过如下进行导入important * as dayjs from 'dayjs';如果进行了配置,则需要通过如下方式导入important dayjs from 'dayjs';...
分类: 其他 发布时间: 03-04 08:12 阅读次数: 0

覆盖elementui的基本样式

在使用elementui等组件框架时,有时候里面的颜色等没有我们想要的,就可以进行自定义。局部覆盖时,在使用组件的页面,通过style标签,来覆盖自己的样式注:标签中不能加scoped<style lang="ts">.invoice_overview { .el-button--info,.el-radio__input.is-checked .el-radio__inner { background-color: #1890FF; border
分类: 其他 发布时间: 03-04 08:12 阅读次数: 0

数组中的sort()方法

在sort()方法中可传入一个函数,该函数表示数组的排序规则sort()可以不传入函数,默认按照字符串的Unicode码点排序var arr = [1,3,2,9,4,7,8]arr.sort()console.log(arr) //[1, 2, 3, 4, 7, 8, 9]arr = [1,3,21,9,14,70,8]console.log(arr) //[1, 14, 21, 3, 70, 8, 9]升序排序var arr = [1,3,21,9,14,70,8]arr.s
分类: 其他 发布时间: 03-04 08:11 阅读次数: 0

Watch的内部原理(deep+immediate)

watch主要用来监听组件中某个值的改变,并执行对应的回调函数。wtach和computed的区别watch是一个值影响多个值computed是多个值影响一个值watch的内部原理先看源码中对于vm.$watch的实现// watch可以监听一个表达式(a.b.c)或者函数Vue.prototype.$watch = function (expOrFn, cb, options) { const vm = this; options = options || {}; const wa
分类: 其他 发布时间: 03-04 08:11 阅读次数: 0

xss攻击(跨网站脚本攻击)

出现原因:恶意代码没有经过过滤,和合法代码混合在一起,浏览器无法识别那些是恶意代码,导致恶意代码被执行。解决方式:前端对输入进行过滤。输入侧对于明确的输入类型,比如数字,url,电话号码,邮箱,身份证等进行判断是否符合。后端使用模版引擎(doT.js、ejs等)进行转译HTML。也就是将&<>"’/几个字符转译掉。限制输入的长度。响应头设置cookie为HTTPOnly。大多数xss攻击都是通过脚本来盗取cookie,可设置HTTPOnly属性,禁止JavaScript读取c
分类: 其他 发布时间: 03-04 08:10 阅读次数: 0

FileReader的实际应用——用户头像上传

在最初学习FileReader的时候,了解到此API可以用来读取上传的图片信息进行图片预览,也可读取txt文件,但不清楚在实际项目中有什么应用,知道我需要修改用户头像时。。。基本的用法可参考:FileReader()读取文件接下来说说在上传用户头像时如何使用。首先是页面展示 <el-avatar :size="80" :src="userInfo.avatorUrl" class="avator"></el-avatar> <div class="imgbtn"
分类: 其他 发布时间: 03-04 08:10 阅读次数: 0

前端mock数据

使用axios-mock-adapter使用mock.js
分类: 其他 发布时间: 03-04 08:10 阅读次数: 0

axios如何取消重复请求

https://segmentfault.com/a/1190000021290514
分类: 其他 发布时间: 03-04 08:09 阅读次数: 0

浅析微前端

微前端是什么?微前端就是将一个主应用按照不同功能拆分为不同的子应用,然后通过子应用来加载主应用。使用微前端有什么好处呢?可以在一个应用中使用多种技术栈。一个主应用拆分为多个子应用,这些子应用可交给不同的团队进行开发。对于项目中的老代码不宜改动,可使用微前端将其整体嵌入。微前端发展史2018年Sing-SPA实现了路由劫持和应用加载,但没有处理样式隔离和js执行隔离,不能动态加载js文件。子应用中// main.jsimport singleSpaVue from 'sing-s
分类: 其他 发布时间: 03-04 08:09 阅读次数: 0

Filecoin推出生态Showcase计划,将带来哪些变化?

虽然Filecoin主网上线才5个月,但Filecoin网络已经拥有了Web3中最活跃的开发者生态之一。Filecoin官方很愿意帮助开发团队向更广泛的社区展示您不可思议的项目和贡献,帮助吸引新的开发者、人才、社区贡献和资助来支持您的努力。V | czdn222因此,要向大家介绍生态Showcase计划。该计划是为了鼓励所有生态团队在Filecoin社区GitHub Repo中推广您的项目,并在社区论坛、在Slack中的#_fil-lobby和其他所有平台上分享项目进展、进行更多的发声、以及与社区进行互动
分类: 其他 发布时间: 03-04 08:09 阅读次数: 0

Filecoin在Content、DevOps、 Trust的应用新秀

Filecoin在Content、DevOps、 Trust的应用新秀本篇文章将继续为读者介绍的创业公司:Myel,Valist,PowerLoom和Kotal。希望这来自于不同国家的团队,能够为我们构建不一样的IPFS,Filecoin和Ethereum社区联系。Myel社区推动的内容交付网络 V | czdn2221、什么是Myel?Myel通过社区推动的内容交付网络,Myel为Web3应用程序提供了一个去中心化CDN,以通过二级检索市场更快地从Filecoin检索内容。2、Myel是做什么的
分类: 其他 发布时间: 03-04 08:09 阅读次数: 0

使用Filecoin的DeFi未来,如何引领新发展方向?

使用Filecoin的DeFi未来,如何引领新发展方向? V | czdn222过去一年来,去中心化金融(DeFi)的迅猛增长证明了去中心化网络影响投资世界的能力。去中心化平台已经开始为实现区块链及其支持的数字资产的承诺提供新的可能性。但这仅仅是个开始:DeFi有潜力从根本上影响我们的经济体系,改变人们的投资方式,允许参与市场以及对市场进行治理。除了市场持续上涨带来的直接利润外,DeFi已经为投资者带来了明显的收益。这是因为除了为机构和个人提供更多投资机会外,DeFi还提供了全新的赚钱方式。从新颖的债务
分类: 其他 发布时间: 03-04 08:08 阅读次数: 0

python实现仿射密码(26个字母+数字0~9)

古典密码仿射密码加密变换:E(x)=ax + b (mod m)解密变换:D(x)=a-1(x-b) (mod m)m=36 (其中包括26个字母(a到z)和10个数字(0到9))ascii码:a~z 97~1220~9 48~57替换表:01234567891011121314151617<-xabcdefghijklmnopqr181920212223242
分类: 其他 发布时间: 03-04 08:08 阅读次数: 0

web服务器通信原理

web服务器通信原理C/S、B/S架构C/S全称Client/Server客户/服务器架构,常见的是一些客户端应用,比如:王者荣耀、吃鸡、穿越火线、魔兽世界等客户端游戏。或者一些即时通讯类软件,比如:QQ、微信,当然网页版的不算。特点:所有的操作都必须依赖于客户端,当服务器做出某些更改时,客户端必须进行版本更新,否则无法使用。怪不得王者荣耀要频繁更新,到这里就能理解了。B/S全称Browser/Server浏览器/服务器架构,常见的是网页游戏比如:4399、洛克王国、QQ农场等。特点:不需要实
分类: 其他 发布时间: 03-04 08:08 阅读次数: 0

数据库基础回顾

数据库基础回顾数据库(Database)是按照数据结构来组织、存储和管理数据的建立在计算机存储设备上的仓库。数据库是长期储存在计算机内、有组织的、可共享的数据集合。类似于图书馆,各种各样的书按照某个特定的规律存放在指定的书架上。分类SQLite小型数据库,接触最多,常见于智能手机操作系统中储存如短信、电话号码、浏览器的浏览记录等个人信息MYSQL、MSSQLServer中型数据库,常用于存储论坛、中小企业网站、学校网站等。Oracle数据库中的王者,由甲骨文公司开发,常用于银行系统、医院系统
分类: 其他 发布时间: 03-04 08:07 阅读次数: 0

Access偏移注入

Access偏移注入应用场景偏移注入是一种注入姿势,可以根据一个较多字段的表对一个少字段的表进行偏移注入,一般是联合查询,在页面有回显点的情况下。当我们知道表名,字段名取名复杂,字典暴力破解字段名不成功,无法得知字段名,此时可以使用偏移注入进行查询。这种偏移注入方式往往借助个人人品,且步骤繁琐。本地演示phpstudy+Navicat准备两张Mysql数据库表admintest_1查询测试:select * from test_1 where id=1 union select
分类: 其他 发布时间: 03-04 08:07 阅读次数: 0

搭建云上博客

搭建云上博客为了进一步理解web架构,本人准备搭建一个云上博客网站,这是我的网站:传送门建站初期有点简陋,大佬勿喷哈哈哈基本架构:阿里云服务器CentOS 7.3+Apache+MySQL+PHP因为wordpress响应有点慢,所以换了更轻量级的typecho。一、配置服务器购买一个阿里云的轻量应用服务器,有各种新人优惠政策,还有开发者成长计划比较便宜更改密码,更改后选择重启服务器点进去设置防火墙,放行必要的几个端口http80, https 443, ssh 22,宝塔面板 88
分类: 其他 发布时间: 03-04 08:07 阅读次数: 0

关于pip下载慢问题

关于pip下载慢问题在用户目录下创建一个pip文件夹在pip文件夹中创建一个pip.ini文件pip.ini文件中加入以下代码:[global] index-url = http://mirrors.aliyun.com/pypi/simple/ [install] trusted-host=mirrors.aliyun.com 上面的网址也可替换成其他的库:保存之后重新使用pip下载时速度已达几百k每秒,大大改善。...
分类: 其他 发布时间: 03-04 08:07 阅读次数: 0

Javascript回顾(一)

Javascript回顾(一)1、三种方式写在html代码中通常是写在<script> </script>标签内。<!DOCTYPE HTML><html lang='en'><head> <meta charset='UTF-8'> <title>Javascript练习</title></head><body> <script> docume
分类: 其他 发布时间: 03-04 08:06 阅读次数: 0