草庐IT

前端面试

全部标签

关于前端如何下载后端接口返回content-type为application/octet-stream的文件

关于前端如何下载后端接口返回response-type为application/octet-stream的文件问题描述后端接口定义为直接返回一个文件,如果带认证信息可以直接通过浏览器url下载,但是接口需要传headers认证信息,url上又不支持传相关信息解决前端正常请求接口,设置responseType值为blob,这样取到接口返回的数据为Blob类型,之后通过由blob数据创建一个指向类型数组的URL来完成文件下载打印出来的返回值:constdata=awaitrequest(`/api/xxx`,{method:'get',responseType:'blob',})constblob

前端期末考试试题及参考答案(01)

版权声明本文原创作者:谷哥的小弟作者博客地址:http://blog.csdn.net/lfdfhl一、填空题______表示页面中一个内容区块或整个页面的标题。______表示页面中一块与上下文不相关的独立内容,比如一篇文章。CSS的引入方式有3种,分别是行内式、内嵌式和______。CSS的浮动可以通过______属性进行设置。通用选择器______用来选择所有元素。HTML5中用______对代码进行解释,不会呈现在页面上。二、判断题HTML5的一个核心理念就是保持一切新特性与原有功能保持平滑过渡。()CSS3是CSS的当前最新版本,该版本提供了更加丰富且实用的规范。()backgrou

面试真题:经典智力题最详汇总(上)

前言最近各大公司的提前批已经逐渐开始了,同学们除了常规刷题之外,也需要为面试有针对性地进行复习。无论你是技术岗,还是非技术岗,面试的时候往往会遇到一种特殊的题型:智力题。智力题有点类似于脑筋急转弯,面试官主要是想考察候选人的思维灵活性。小编刚开始接触智力题的时候,可以说是一脸懵逼了,大脑一片空白(内心:这都是在说些啥?)。最后还是得靠刷题的思想来解决智力题,其实面试常见的智力题类型并不多,很多都是类似的变种题。 今天鬼仔整理了一些经典智力题,准备提前批的你一定不要错过!强烈建议面试前半小时复习一遍,同时给个小tips:面试官问到你熟悉的智力题时,你一定要假装若有所思的样子,不要一下子就说出答案

若依前端启动报错

若依前端启动报错D:\IdeaProjects\tr-gs-api\gs-api-B6-ui>npmrundevnpmERR!codeENOENTnpmERR!syscallopennpmERR!pathD:\IdeaProjects\tr-gs-api\gs-api-B6-ui\package.jsonnpmERR!errno-4058npmERR!enoentCouldnotreadpackage.json:Error:ENOENT:nosuchfileordirectory,open'D:\IdeaProjects\tr-gs-api\gs-api-B6-ui\package.json'

前端界面直接生成源码?用这个工具直接生成VUE代码,简单易用

推荐一个前端代码生成工具iVX。我个人使用这个工具也有一段时间了,感觉做的很不错。有需要生成前端代码的同学可以关注了解一下,在下面的这个例子中,我生成了两个编辑框和两个按钮。上手一个工具的最便捷路径就是看它的官方文档和教程。同样,iVX官网也提供了这些详细的教程以及相应的案例。沉下心来,跟着每一节课慢慢的去学习,你就会了解到iVX的强大。首先,我要向大家说明的是iVX并不是一个免费的软件,因为当你使用它的发布按钮时你会发现它是需要钱的。但是先不要着急排斥,你在iVX做的程序如果想要直接发布成一个应用程序的话,那么它是需要钱的。如果你只是使用iVX生成界面代码的话,并且导出源码,那么它是免费的我

前端内存泄漏和溢出的情况以及解决办法

写在前面:在平时写代码时,内存泄漏的情况会时有发生,虽然js有内存回收机制,但在平时编程中还是需要注意避免内存泄漏的情况;前几天做移动端时遇到一个内存泄漏造成移动端页面卡顿的问题,所以想总结下前端内存泄漏的情况,回顾下基础知识一、什么是内存泄漏 程序运行时操作系统会分配相应的内存,如果不进行定时的清理内存的占用情况,内存占用越来越高,很容易造成页面卡顿,进程奔溃;如果程序在系统分配了内存空间后不再使用但是没有及时释放就会造成内存泄漏;程序向系统申请的内存空间超出了系统能给的,就造成了内存溢出。内存泄漏和溢出都会影响程序的性能。js不需要手动给变量申请内存,当我们在申明一个变量时,js会自动为其

Web前端性能优化:提升用户体验的关键

引言:随着互联网的迅速发展,用户对于网页加载速度的要求越来越高。一个快速、高效的网站不仅可以提高用户的满意度,还能增加网站的访问量和转化率。因此,对Web前端性能进行测试和优化变得尤为重要。本文将介绍一些常见的Web前端性能测试方法和优化技巧,帮助开发者提升网站的加载速度和用户体验。一、Web前端性能测试方法页面加载时间测试:通过使用专业的性能测试工具,如GooglePageSpeedInsights、Pingdom等,可以测量页面的加载时间,包括首屏渲染时间、白屏时间和完全加载时间等指标。资源加载分析:通过浏览器的开发者工具,可以查看页面中各个资源的加载情况,包括HTML、CSS、JavaS

前端vue使用SM4国密封装加密解密函数

步骤一:        安装加密gm-crypt依赖npminstallgm-crypt步骤二:        在项目的utils目录下,新建一个sm4Util.js作为公共文件使用步骤三:    sm4Util.js文件中写入以下代码constSM4=require("gm-crypt").sm4;constpwdKey="GJstSK_YBD=gSOFT";//"GJstSK_YBD=gSOFT":密钥 前后端一致即可,后端提供letsm4Config={   key:pwdKey,//这里这个key值要与后端的一致,后端解密是根据这个key   mode:"ecb", //加密的方式有两

前端安全—常见的攻击方式及防御方法

Cookie挟持HTTP是无状态的协议,为了维持和跟踪用户的状态,引入了Cookie和Session。Cookie包含了浏览器客户端的用户凭证,相对较小。Session则维护在服务器,用于维护相对较大的用户信息。可以把Cookie当成密码,而Session是保险柜。由于HTTP是明文传输,Cookie很容易被盗取,如果被盗取,别人就可以冒充你的身份,打开你的保险柜,获取你的信息,动用你的资金,这是很危险的。Cookie和Session的关系可以看这篇:浅谈session和cookie的关系1.危害盗取cookie信息,冒充他人身份,盗取信息。2.防御给cookie添加HttpOnly属性,该属

面试官:单例Bean一定不安全吗?实际工作中如何处理此问题?

默认情况下,SpringBoot中的Bean是非线程安全的。这是因为,默认情况下Bean的作用域是单例模式,那么此时,所有的请求都会共享同一个Bean实例,这意味着这个Bean实例,在多线程下可能被同时修改,那么此时它就会出现线程安全问题。“Bean的作用域(Scope)指的是确定在应用程序中创建和管理Bean实例的范围。也就是在Spring中,可以通过指定不同的作用域来控制Bean实例的生命周期和可见性。例如,单例模式就是所有线程可见并共享的,而原型模式则是每次请求都创建一个新的原型对象。”1、单例Bean一定不安全吗?并不是,单例Bean分为以下两种类型:无状态Bean(线程安全):Bea