草庐IT

前端遇到的面试题

全部标签

前端 使用 pdf.js加载PDF文件

一、定义承载pdf的容器template>div>divid="pdfContainer">div>div>template>二、加载pdfscriptlang="ts"setup>importpdffrom'./components/230402643.pdf'import{getDocument}from'pdfjs-dist'import*aspdfjsLibfrom'pdfjs-dist/build/pdf.mjs'import*aspdfjsWorkerfrom'pdfjs-dist/build/pdf.worker.mjs'constpdfLoader=async()=>{pdfj

“构建安全高效的前端权限控制系统:确保用户访问合适的内容“

目录引言一、背景介绍二、具体实现方法(1)用户角色管理1.安装依赖2.创建数据模型3.创建控制器4.创建路由5.配置应用程序6.测试接口(2)前端路由控制1.安装VueRouter2.创建路由配置3.创建视图组件4.配置路由5.测试路由控制(3)页面元素展示控制1.创建一个权限指令2.在Vue实例中使用指令3.在main.js中注册指令4.测试页面元素展示控制(4)权限管理界面结论引言在现代Web应用程序中,前端页面的权限控制是确保用户只能访问其有权限的内容的重要组成部分。通过良好的权限控制,可以提高应用程序的安全性和用户体验。本文将详细介绍如何处理前端页面的权限控制,以确保用户只能访问其有权

启动Springcloud时,如果遇到Error creating bean with name ....时,怎么办?怎么解决?

org.springframework.beans.factory.BeanCreationException:Errorcreatingbeanwithname'commonExceptionAdvice':Lookupmethodresolutionfailed;nestedexceptionisjava.lang.IllegalStateException:FailedtointrospectClass[co这个错误一般是由于:扫描不到包、导包导错、注解没加或加错,类型、类名不正确等在springcloud中的话,先看看启动类是否在三层包名之下,如果没有,则将启动类配置到三层包名之下,如

2023网络安全面试题(附答案)+面经

前言随着国家政策的扶持,网络安全行业也越来越为大众所熟知,相应的想要进入到网络安全行业的人也越来越多,为了拿到心仪的Offer之外,除了学好网络安全知识以外,还要应对好企业的面试。所以在这里我归纳总结了一些网络安全方面的常见面试题,希望能对大家有所帮助。内容来自于社群内2023届毕业生毕业前的持续整理和收集的安全岗面试题及面试经验分享~前排提醒:文末有全套面试题的领取方式哦!第一套面试题1、什么是SQL注入攻击2、什么是XSS攻击3、什么是CSRF攻击4、什么是文件上传漏洞5、DDos攻击6、重要协议分布图7、arp协议的工作原理8、什么是RARP?工作原理9、dns是什么?dns的工作原理1

【前端Vue】Vue从0基础完整教程第2篇:day-08【附代码文档】

Vue从0基础到大神学习完整教程完整教程(附代码资料)主要内容讲述:vue基本概念,vue-cli的使用,vue的插值表达式,{{gaga}},{{if(obj.age>18){}}},vue指令,综合案例-文章标题编辑vue介绍,开发vue的方式,基本使用,如何覆盖webpack配置,目录分析与清理,vue单文件组件的说明,vue通过data提供数据,通过插值表达式显示数据,安装vue开发者工具,v-bind指令,v-on指令,v-if和v-show,v-model,v-text和v-html。day-08vuex介绍,语法,模块化,小结。面经PC端-element(上)初始化,reques

【深度学习代码报错修改】跑图像翻译(image-to-image translation)的代码【SPMPGAN】中遇到的问题总结

错误一览RuntimeError:NoCUDAGPUsareavailableTypeError:load()missing1requiredpositionalargument:'Loader'TypeError:Expectedstate_dicttobedict-like,gotRuntimeError:NoCUDAGPUsareavailable这个问题比较常见了,原因在于源代码需要多块gpu,而我们的电脑通常只有1块,参考:在这里我也是将源代码中的’2’改为了’0’:#os.environ["CUDA_VISIBLE_DEVICES"]='2'os.environ["CUDA_VIS

前端h5页面和后端php服务的几种部署方式

一、背景和java后端服务的部署不同,前端h5的部署有好几种。CDN+OSSnginx反向把输出物全部拷贝到后端所以,这就带来了部署上的歧义,到底该用哪种部署方式呢?本文以前端h5搭配后端php程序为示例,试着讨论一下他们之间的配合部署。这里的前端h5是仅限静态页面,不包括nodejs等独立运行的前端程序。二、部署Php服务php服务可以使用以下两种方式:nginx反向代理php文件nginx+php-fpm第一种方式和第二种方式不同,要求php文件和nginx在同一机器。第二种方式,因为php-fpm会新建一个进程,所以允许nginx不在同一个机器。php-fpm不在本文的论述范围内,可以去

前端 a链接 如何实现下载功能

目录前言标签downloada标签链接下载的实现1.整体流程2.实现步骤3.类图4.代码示例 download使用注意点1.同源URL的限制2.不能携带HeaderBlob转换方法1.用作URL(blob:)方法2.转换为base64(data:)两种方法总结与对比responseType扩展阅读1.Blob2.URL.createObjectURL()3.URL.revokeObjectURL()4.FileReader.readAsDataURL()前言在中后台项目中,前端难免需要处理下载的逻辑,需要下载的内容包括但不限于图片、Excel表格、CSV文件、MP4文件、PDF文件、TXT文件

websocket 实现后端主动前端推送数据、及时通讯(vue3 + springboot)

简介WebSocket是一种全双工通信协议,用于在Web浏览器和服务器之间建立持久的连接。WebSocket协议由IETF定为标准,WebSocketAPI由W3C定为标准。一旦Web客户端与服务器建立连接,之后的全部数据通信都通过这个连接进行。可以互相发送JSON、XML、HTML或图片等任意格式的数据。WebSocket与HTTP协议的异同:相同点:都是基于TCP的应用层协议。都使用Request/Response模型进行连接的建立。可以在网络中传输数据。不同点:WebSocket使用HTTP来建立连接,但定义了一系列新的header域,这些域在HTTP中并不会使用。WebSocket支持

【前端知识】前端加密算法(base64、md5、sha1、escape/unescape、AES/DES)

前端加密算法一、base64加解密算法简介:Base64算法使用64个字符(A-Z、a-z、0-9、+、/)来表示二进制数据的64种可能性,将每3个字节的数据编码为4个可打印字符。如果字节数不是3的倍数,将会进行填充。优点:可打印字符:Base64编码后的数据只包含可打印字符,不会出现乱码或无法传输的情况。广泛支持:Base64被广泛支持于各种编程语言和网络协议中,可以方便地应用于各种场景。简单易用:Base64的编码和解码很简单,只需要少量的代码即可完成。缺点:数据膨胀:Base64编码后的数据通常比原始数据要大约1/3左右,这意味着在传输大量数据时会增加传输的时间和带宽消耗。不加密:Bas