草庐IT

前端面试

全部标签

StreamSaver.js入门教程:优雅解决前端下载文件的难题

theme:smartblue本文简介本文介绍一个能让前端优雅下载大文件的工具:StreamSaver.js⚡️StreamSaver.jsGitHub地址⚡️官方案例StreamSaver.js可用于实现在Web浏览器中直接将大文件流式传输到用户设备的功能。传统的下载方式可能导致大文件的加载时间较长或造成内存占用过大的问题,使用标签打开新页面下载文件,遇到.txt或者.mp4之类的文件可能就直接在页面展示了,不会触发下载功能。而StreamSaver.js则通过流式下载的方式解决了这些问题。StreamSaver.js将大文件拆分成小块,并在下载过程中逐块传输到硬盘,从而降低内存占用和提高下

前端最全面试题整理(持续更新)

写在前面此文章的题是同事给我发的一个PDF文档里的题,原版我也不清楚是哪里的,好像是某个培训机构的题库。题比较全,但是原版很多题的答案不是很清晰,在此基础上我重新补充了一下最近应该会持续的把这些题的答案更新完2023.2.17目录写在前面前端基础一、HTTP/HTML/浏览器P1、说一下http和https(1)http和https的基本概念(2)http和https的区别?(3)https协议的工作原理(4)https协议的优点(5)https协议的缺点2、tcp三次握手,一句话概括3、TCP和UDP的区别4、WebSocket的实现和应用(1)什么是WebSocket?(2)WebSock

前端不暴露ak/sk直接上传阿里云oss的方案

需求起因以前写过一篇文章:前端不暴露ak/sk直接上传awsS3的方案因为项目里还用到的阿里云的oss上传,就研究了阿里云是不是也有避免ak/sk泄露到前端的方案,这里也复述一下这么做的原因:常规上传方案,为避免ak/sk被用户知道,导致文件泄露、篡改,通常是前端上传文件到后端,再由后端上传到阿里云oss,参考架构:用户=>浏览器选文件=>后端服务器=>oss这个方案的问题点:链路长,上传慢,因为多了一个中间节点,时间多花一倍,既然链路长了,那么出现超时中断错误的概率就更高了;如果文件太大,后端服务器还不能接收,需要修改默认配置,比如SpringBoot默认上传最大1M,但是修改它又可能导致额

时政类的结构化问题,是教师资格证考试面试的噩梦

时政类的结构化问题,是教师资格证考试面试的噩梦昨天在和大家分享了教师资格证面试考试内容的时候,我向大家介绍了结构化问题中的时政类题目,关于这点有很多同学都有疑问,留言说平时连新闻联播都没时间看,平时在手机上也不看这类的新闻,关于这方面的知识储备太少了。可以这么说,时政类的结构化题目,几乎对所有面试的考生来说都是难题,原因也基本一样,就是平时不怎么关心时政,新闻联播更是不看。那么如果你也是这种情况,碰巧有“倒霉”的抽中了时政类问题,这时该怎么做呢?如果你抽到了这类的问题,一点都不了解,一句话都编不出来,那么我建议你不妨直接大方的承认,自己对这方面没有太多了解,之后会多关注这方面的内容。如果你对这

前端下载非同源文件自定义文件名方案

背景有时候我们需要点击下载一些资源如excel、pdf、ppt、图片等,并且要支持自定义下载名字。当下载链接与当前页是同源时,可以通过a标签download属性设置,比如我在a.com打开的页面下载a.pdf下载这样子同源下载的文件名就是"自定义名字.pdf"但是一般实际场景,文件资源都是有独立的资源服务器的,和主应用的域名不一致,上面的方法就不管用了。那么也没有其他方法呢?方案下载的实际原理就是前端发一个http请求去目标链接,然后资源服务器在接收请求后在responseheader里面设置content-type为文件流,和Content-Disposition,例如:Content-Ty

60公里的面试要去吗?

你能想象吗,我今天去60公里以外的地方面试,做公交都倒了4趟,耗时3.4个小时。这是我人生中第一次去这么远的地方面试,如果你问我为什么,我想是因为热情。对,是我非常向往的健康行业,仅此一条,就足以让我垮北京的三个区去面试。虽然最后的结果并不尽人意,因为发现跟想象中的还是有些差距。但我不后悔这一趟出发。宁可明明白白的放弃,也不想稀里糊涂的错过。这大概就是我找工作的信念。如果不去,就会在心里惦记着,去了起码成功的几率可以达到一半,最坏的结果也不过是知道了此路不同而已。当我做某个决定,犹豫不决时,我就会不禁想起毕淑敏曾在文章《暴风雨是个筛子》里分享过她的一段经历。她考上了一所夜大,每天下班后,要穿越

前端js如何实现截屏功能,插件推荐js-web-screen-shot

html2canvas读取dom结构转换成canvas,最后转成图片形式展示缺点:没有编辑功能链接:html2canvasjs-web-screen-shot大佬模仿qq截图实现的,也可以搭配webrtc实现web端远程桌面共享链接:githubgitee简单使用npminstalljs-web-screen-shot--saveimportScreenShortfrom"js-web-screen-shot";newScreenShort({ enableWebRtc:false,//是否启用webrtc,值为false则使用html2canvas来截图 loadCrossImg:true,

手把手教你写一个JSON在线解析的前端网站1

前言作为一名Android开发,经常要跟后端同事联调接口,那么总避免不了要格式化接口返回值,将其转换为清晰直观高亮的UI样式以及折叠部分内容,方便我们查看定位关键的信息。一直以来都是打开Google搜索json格式化关键字,然后选择Google推荐的前三名的网址,比如bejson网站:https://www.bejson.com/json.cn网站:https://www.json.cn/开源中国的JSON解析:https://tool.oschina.net/codeformat/json我自己搞的小网站在Google搜索上还排不上号,这里王婆卖瓜,自卖自夸一下,也分享一下子。json2.t

关于【软件测试-自动化测试之面试技巧和注意事项】——侃侃而谈

前言今年已经过去大半了,前面所分享的知识也是很多,但是有的小伙伴还是私信我说:技术现在基本掌握,但是先在求职连HR消息都不回复我,因此你的简历应该是被沉如茫茫大海。对此我个人看法有如下四点:一、写出醒目的简历让HR一目了然,在众目睽睽的简历之下让HR有一丝丝对你的影响深刻。二、简历的包装是必不可少,毕竟人靠衣装马靠鞍,三分长相七分打扮。简历也是如此装饰一份漂亮的简历。三、简历的项目是重中之重,企业招聘也是看中你的技术前面所说的是微优化,体现个人技术发光的地方就是在这个项目上展示你的技术个人魅力。四、就是面试技巧,其实面试是有很多的技巧,当然也是少不了的面试攻略,和刷题、背题、高频题,毕竟有前车