草庐IT

前端面试

全部标签

前端(vue)文件流下载

前端(vue)文件流下载1.首先进行封装在utils中,直接复制即可exportfunctiondataToFile(params){lettype=params.type;letfileName=params.fileName;letdata=params.data;//兼容IEif(window.navigator&&window.navigator.msSaveOrOpenBlob){window.navigator.msSaveOrOpenBlob(newBlob([data]),fileName);}else{//非IE浏览器consturl=window.URL.createObj

前端实现单点登录(SSO)

单点登录是什么?你是怎么理解的?单点登录是如何实现的普通登录提到单点登录,首先可以想到传统登录,通过登录页面根据用户名查询用户信息,判断密码是否正确,正确则将用户信息写到session,访问的时候通过从session中获取用户信息,判断是否已登录,登录则允许访问。普通登录的缺点由于session不能共享,服务越来越多,并且还服务还搭建集群,导致每访问另外一个服务都需要重新登录。单点登录单点登录有个简称是sso,它是一个功能可以控制多个有联系的系统操作,简单地理解为通过单点登录可以让用户只需要登录一次软件或者系统,那么同系统下的平台都可以免去再次注册、验证、访问权限的麻烦程序,通俗易懂的理解为一

Html转PDF,前端JS实现Html页面导出PDF(html2canvas+jspdf)

Html转PDF,前端JS实现Html页面导出PDF(html2canvas+jspdf)文章目录Html转PDF,前端JS实现Html页面导出PDF(html2canvas+jspdf)一、背景介绍二、疑问三、所使用技术html2canvas+jspdf四、展示开始1、效果展示2、代码部分3、参数说明3.1、html2canvas常用参数3.2、jsPDF常用参数五、常见问题一、背景介绍​当我们在不想改变后端代码的同时想是纯html页面导出PDF,那么(html2canvas+jspdf)就是无疑最好的选择,导出时它不占用我们服务器的资源,而是由用户本地自行执行js文件下载PDF,不占用我们

汽车之家Unity前端通用架构升级实践

背景介绍随着之家3D虚拟化需求的增加,各产品线使用Unity引擎的项目也越来越多,新老项目共存,代码维护成本也随之增加。代码质量参差加之代码规范仍没有完全统一产生高昂学习成本进一步加重了项目维护负担。为应对这些问题,我们决定借助主机厂数科产品线销冠神器VR版本大升级为契机,开发一套移动端通用Unity代码框架,旨在统一Unity项目开发流程和规范,使不同项目开发人员能够快速上手业务开发,实现不同项目之间代码组件化复用,降低学习成本,提高项目的健壮性和复用性。1.Unity架构调研Unity通用架构核心想帮助Unity开发人员加速项目开发效率。该架构的设计基于大量的经验和最佳实践,旨在使项目开发

面试手稿【关于自己面试记录面试官的问题】

这份面试手稿是自己准备求职期间进行总结的一份面试记录,主要关于java的知识点进行记录面试手稿:首先自我介绍:​尊敬的面试官您好;我叫aritso,毕业于皇家理工大学物联网工程专业的2020届本科毕业生,面试的是java软件工程师职位.在职期间主要从事的项目有MES系统的开发,北京海底捞项目,和武汉天马项目,使用的技术栈主要Spring,SpringBoot,Mybaits,Springcloud等java相关的技术栈,平时自己也喜欢写写博客,看看github学习新知识.(还有啥你可以自己巴里巴拉哈!!~)​以上是我的自我介绍.java基础1.面:嗯,请说一下java有哪些容器?在你的项目中你

前端文件上传

文件上传方式前端文件上传有两种方式,第一种通过二进制blob传输(formData传输),第二种是通过base64传输文件相关的对象file对象其实是blob的子类blob对象的第一个参数必须是一个数组,你可以把一个file对象放进去就可以给你转成blob对象formData可以使一个files以一个二进制的形式传递给后端fileReader用于把文件(file对象或者blob对象)读成某种形式,如base64,text文本Blob对象template>div>inputtype="file"name="file"@change="FileChange">/div>/template>scri

面试官:SpringCloudGateway过滤器类型有哪些?

在SpringCloudGateway中,过滤器总共分为以下两大类:局部过滤器:只作用于某一个路由(route)。全局过滤器:对所有的路由都有效。内置全局过滤器:SpringCloudGateway自带的30+过滤器,详情请访问:https://docs.spring.io/spring-cloud-gateway/docs/current/reference/html/#gatewayfilter-factories自定义全局过滤器:开发者自行实现的过滤器。1、局部过滤器SpringCloudGateway中的局部过滤器配置如下:spring:cloud:gateway:routes:-id

前端Async和Await的原理、流程、使用方法及注意事项

理解async/await的原理和使用方法是理解现代JavaScript异步编程的关键。这里我会提供一个详细的实例,涵盖原理、流程、使用方法以及一些注意事项。代码注释会尽量详尽,确保你理解每个步骤。实例:使用async/await进行异步操作Async/Await示例点击触发异步操作//异步函数1:模拟获取用户信息的异步操作asyncfunctiongetUserInfo(userId){returnnewPromise((resolve)=>{setTimeout(()=>{//模拟异步操作完成后返回用户信息resolve({id:userId,username:`User${userId}

JSX/TSX 是 Vue 前端开发的未来吗?

大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~什么是JSX&TSX?JSX是Facebook专门为react发明的一种新的类似于XML格式的语言,它是JavaScipt的语法拓展。它使用XML标记的方式去直接声明界面,然后再利用编译器转换成JS语言。但是Vue早就能使用JSX去编写页面了~并且现在大部分都是使用Typescript来写项目,所以TSX会用的更多JSX(JavaScriptXML):JSX是一种JavaScript的语法扩展,它允许在JavaScript代码中编写类似于XML或HTML的结构。JSX使得在React中编写UI组件更加直

前端开源项目悬赏改Bug,500 - 1000美元/个,还剩 278 个

大家好,我是CUGGZ。马上要过年啦,大家都什么时候放假呢?今天在Github上发现一个很有意思的开源项目:Expensify。这个项目是一个支持多端的费用管理系统,支持Web、移动端、客户端,技术栈包括:React、Webpack、TypeScript、Webpack、Jest、Electron、Expo、ReactNative等。与其他开源项目不同的是,这个项目是一个开源的商业项目,它的issues很多是由内部人员提出,并且每个问题都附带了价格,以公开悬赏的方式寻求修复Bug。每个Bug的赏金在500-1000美元之间,目前还剩278个Bug待解决。用谷歌翻译简单翻译一下,看看大概都是些什