草庐IT

纯前端

全部标签

文件下载-后台返回流给前端

importjava.io.IOException;importjava.nio.file.Files;importjava.nio.file.Path;importjava.nio.file.Paths;importjavax.servlet.ServletException;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;publicclassMyServletextendsHttpSer

618快到了送上自制前端小项目(html css js)

目录🚩.自定义播放器🏠.图片自动消失✨.小轮播图🎃.旋转音乐盒 前言:这些小项目全都是自创的。如果需要应用,或则转发的话请与博主联系,感谢你们的理解, 1.自定义播放器在页面中放置26个div,每个div中写一个字母。html结构中引入8个音频结构。给每个div绑定点击键盘事件。根据键盘的每个keyCode的不同来动态绑定对应的音频文件。当按下对应的键盘字母,增添css样式,音频播放。放开时,存储点击的事件,将对应的音频存储在一个数组中。点击按钮,循环播放存储的音频数组html:QclapWclapEclapRclapTclapYclapUclapIclapOclapPclapAclapScl

Bun 1.0 正式发布,爆火的前端运行时,速度遥遥领先!

9月8日,前端运行时Bun1.0正式发布,如今,Bun已经稳定并且适用于生产环境。Bun不仅是一个专注性能与开发者体验的全新JavaScript运行时,还是一个快速的、全能的工具包,可用于运行、构建、测试和调试JavaScript和TypeScript代码,无论是单个文件还是完整的全栈应用。2022年7月,Bun发布,随即爆火,成为年度最火的前端项目:Bun的流行程度伴随着在去年夏天发布的第一个Beta版而爆炸性增长:仅一个月内,就在GitHub上获得了超过两万颗Star。Bun不仅仅是一个运行时。它也是:一个包管理器(类似Yarn、NPM、PNPM)一个构建工具(类似Webpack、ESBu

【vue导入导出Excel】vue简单实现导出和导入复杂表头excel表格功能【纯前端版本和配合后端版本】

前言这是一个常用的功能,就是导入和导出excel表格但是时常会遇到一些复杂表头的表格导出和导入比如我这个案例里面的三层表头的表格。网上看了下发现了一个非常简单导出和导入方法当然这个是纯前端的版本,会出现分页不好下载的情况。所以实际工作中,导出还是后端负责的。效果图这里是表格的样式,三层表头 这里是点击导出后的效果和表格格式 这里是点击导入后的效果和获取的数据格式 使用方法简介1,要下载一个插件,输入这个指令:npminstall-S file-saver xlsx2,在页面中引入这个,直接在你需要写导入导出的表格页面写就行3,给你的表格绑上这个id。用来导出的时候拿数据的 这里如果想要导入后获

前端 react教程(详细版)

1.React概述1.1React是什么React是一个用于构建用户界面的JavaScript库。React的主要特点是组件化、声明式编程以及高效的DOM更新机制。React由Facebook开发并开源,已经成为目前最流行的前端框架之一。1.2React的特点声明式编程:React采用声明式编程模式,使得代码更加易于阅读和理解。组件化:React将页面分解成多个组件,每个组件都有自己的状态和生命周期,方便复用和维护。单向数据流:React采用单向数据流的模式,父组件通过props向子组件传递数据,子组件通过回调函数向父组件传递数据。虚拟DOM:React采用虚拟DOM的技术,通过对比前后两个虚

前端面试:【前端安全】安全性问题与防范措施

嗨,亲爱的前端开发者!在构建Web应用程序时,确保安全性是至关重要的。本文将深入讨论前端开发中的安全性问题,并提供一些防范措施,以确保你的应用程序和用户数据的安全性。前端安全性问题:跨站脚本攻击(XSS):XSS攻击发生在恶意用户将恶意脚本注入到网页中,然后用户在浏览器中运行这些脚本时会受到攻击。防范措施:使用内容安全策略(CSP)、对用户输入进行验证和编码、避免在网页中直接插入用户提供的内容。跨站请求伪造(CSRF):CSRF攻击发生在恶意网站或邮件中包含了伪造请求,用户在登录状态下访问这些网站或点击这些邮件时,可能会执行不想要的操作。防范措施:使用CSRF令牌(Token)、验证请求的来源

后端返回文件流,前端怎么导出、下载(8种方法可实现)

在前端导出和下载后端返回的文件流时,可以使用以下几种方法:使用window.open()方法:在前端使用window.open()方法打开一个新的窗口或标签页,并将后端返回的文件流作为URL传递给该方法。浏览器会自动下载该文件。例如:window.open('http://example.com/download','_blank');使用标签的download属性:创建一个隐藏的标签,设置href属性为后端返回的文件流的URL,同时设置download属性为文件的名称。然后使用JavaScript模拟点击该标签,触发文件下载。例如:constlink=document.createEleme

前端、后端面试集锦

诸位读者,我们在工作的过程中,经常会因跳槽而面试。你开发能力很强,懂得技术也很多,若加上条理清晰的面试话术,可以让您的面试事半功倍。个人博客阅读量破170万,为尔倾心打造的面试专栏-前端、后端面试专栏,已组织好面试的话术,为你的简历锦上添花,为你的面试添砖加瓦。个人主页地址链接为:互联网全栈开发实战-主页地址该专栏的平均质量分是94分:查询专栏主页链接该专栏首先是教你如何做好一份完美的自我介绍,增强你面试的开场白:一份完美的自我介绍其次是后端的面试话术集锦,包括但不限于:spring,springboot、springcloud、ElasticSeach、rabbitmq、认证授权、Nginx

完整企业官网源码,前端基于Vue+ElementUI,后台基于基于core3 webapi,含数据库文件,含详情安装部署文档

完整企业官网源码,前端基于Vue+ElementUI,后台基于基于core3webapi,含数据库文件,含详情安装部署文档完整代码下载地址:完整企业官网源码某工程管理有限公司企业官网前端新版本改进整体重构,结构升级为最新vue-cli代码优化,去除引用的静态js文件图片加载加入懒加载,整体性能提升很大视频采用vue-video-player处理兼容性首页全屏滚动样式由静态文件fullpage.js改为vue-awesome-swiper样式调整,提升了自适应能力组件列表vue-routerelement-uiaxiosvue-video-player(视频组件)vue-awesome-swip

前端(十七)——gitee上开源一个移动端礼盒商城项目(前端+后台)

🤗博主:小猫娃来啦🤗文章核心:gitee上开源一个移动端礼盒商城项目文章目录前言开源地址项目运行命令项目基本展示前端效果细节展示视频前端代码细节展示视频后台效果展示后台代码展示经典优势思维导图实现思路前言项目样式老旧,ui设计较low,虽说现在大众的商城app都使用的是瀑布流布局,且功能更丰富。但本项目仅作为开源学习和技术交流,仅此而已。前端采用搭建vue脚手架处理,使用JavaScript语言,后台采用laravel框架处理,使用php语言。后台开发人员:bug丶小狼人开源地址前端:gitee资源下载:点击此处传送门前端:csdn资源下载:点击此处传送门后台:gitee资源下载:点击此处传送