草庐IT

纯前端

全部标签

Vue+SpringBoot根据url返回文件流给前端下载文件(多个图片zip下载)

后端单个文件下载packagecom.ruoyi.common;importcom.ruoyi.project.system.domain.TSystemFile;importorg.springframework.web.bind.annotation.GetMapping;importorg.springframework.web.bind.annotation.RequestMapping;importorg.springframework.web.bind.annotation.RestController;importjavax.servlet.http.HttpServletRes

华为云云耀云服务器L实例评测|用PHP从数据库到后端到前端完整实现一个中秋节祝福语项目

🏆作者简介,黑夜开发者,CSDN领军人物,全栈领域优质创作者✌,CSDN博客专家,阿里云社区专家博主,2023年6月CSDN上海赛道top4。🏆数年电商行业从业经验,历任核心研发工程师,项目技术负责人。🏆本文已收录于PHP专栏:PHP进阶实战教程,评测专区。🎉欢迎👍点赞✍评论⭐收藏文章目录🚀一、前言🚀二、开发环境准备🚀三、功能实现🔎3.1准备数据库和数据🍁3.1.1创建数据库及表结构🍁3.1.2准备数据🔎3.2后端开发🍁3.2.1连接数据库🍁3.2.1获取祝福语🍁3.2.3处理请求🍁3.2.4配置Nginx与FPM🔎3.3前端开发🍁3.3.1HTML布局🍁3.3.2JQuery事件处理🚀四、运

9-web前端 flex弹性布局

1、flex弹性布局设置方式:给父元素设置display:flex,子元素可以自动挤压或拉伸 组成部分:   弹性容器   弹性盒子   主轴:默认在水平方向   侧轴/交叉轴:默认在垂直方向 例如: 2、主轴对齐方式 属性名:justify-content  属性值效果flex-start默认值,弹性盒子从起点开始依次排列flex-end弹性盒子从终点开始依次排列center弹性盒子沿主轴居中排列space-between弹性盒子沿主轴均匀排列,空白间距分在弹性盒子之间space-around弹性盒子沿主轴均匀排列,空白间距均分在弹性盒子两侧space-evenly弹性盒子沿主轴均匀排列,弹

前端请求参数加密、.NET 后端解密

本文详细介绍了前端请求参数加密、.NET后端解密,文章较长,请各位看官耐心看完。目录一、前端使用“CryptoJS”,前端AES加密,.NET后端AES解密1.1、加密解密效果图1.2、CryptoJS介绍1.3、准备工作:安装“CryptoJS”1.3.1、使用npm进行安装1.3.2、VisualStudio中安装1.3.2.1、选择“客户端库”1.3.2.2、安装下载“CryptoJS”1.4、H5页面代码中引用“crypto-js”1.5、前端页面代码1.5.1、Html代码1.5.2、javascript代码1.6、.NET后端代码1.6.1、定义公共的密匙字段1.6.2、封装AES

记录--纯前端如何实现录屏并保存视频到本地

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助作为一个资深的切图仔,我们难免会需要用到把自己写的页面的一些功能通过视频的方式分享给别人。还有一个场景,就是当我们面试的时候,我们需要把我们的屏幕分享给面试官看,那么这些都是怎么实现的呢?那么接下来我们就通过这篇文章来学习一下如何实现一个浏览器录屏的功能。navigator.mediaDevicesmediaDevices是Navigator只读属性,返回一个MediaDevices对象,该对象可提供对相机和麦克风等媒体输入设备的连接访问,也包括屏幕共享。constmedia=navigator.mediaDevices;通过原型链可

4-web前端 盒子模型、行内块、浮动问题、无意义标签

1、图文对齐(搜索框)图片标签是典型的行内块元素除此之外行内块元素还有表单元素input、button(行内块元素既可以设置宽高又可以和行元素在一行行内块的转换问题display(block块、inline行、inline-block行内块、none隐藏 转换后两个块中间存在空隙问题2、浮动的元素参照父元素浮动的影响:父元素没有高,高就是子元素的高,子元素浮动,父元素就变为0如何消除浮动的影响:1.用div把浮动元素包起来;2.在兄弟元素的后面设置css样式clear:both3、塌陷现象子元素margin-top会使父元素同时造成影响解决办法:1.父元素内+padding-top;2.父元素

5-web前端 定位position

1、相对定位position:relative 特点: 不脱标,占用自己原来位置    显示模式特点保持不变    设置边偏移则相对自己原来位置移动拓展:很少单独使用相对定位,一般是与其他定位方式配合使用   参考自身原位置2、绝对定位position:absolute使用场景:子级绝对定位,父级相对定位(子绝父相) 特点: 脱标,不占位     显示模式具备行内块特点    设置边偏移则相对最近的已经定位的祖先元素改变位置     如果祖先元素都未定位,则相对浏览器可视区改变位置   绝对定位的元素参考的是有定位元素的父元素最近的,如果父元素没有定位,则参考浏览器左上角    绝对定位,脱离

2-web前端 音频、视频、表格、表单

1.音频2.视频3.有序无序列表有序列表:ol>liol内必须是li,li内没限制无序列表:ul>liul内必须是li,li内没限制4.表格 th---字体加粗并居中示例: 案例:个人简历 5.表单 针对表单整理的相关问题:默认地址:当前页面?yonghuming=xiaoming&mima=123明文method提交方式get默认post隐藏暗文明文checkedselectde默认选项-->name:名字的代号免费注册用户名:密码:性别:男女爱好:写代码旅游请选择省请选择河南河北自我介绍:  

1-web前端 基础标签 、图片、超链接

vscode编译器下载地址:https://code.visualstudio.com/1、下载完vscode后安装的三个小插件:chinese(中文)、liveserve、会了吧(翻译)2、每个打开的网络页面都有html编码,可以进行编码查询和编码检查3、vscode的三种创建编码文件的方式4、html网页结构5、注释:ctrl+/6、标题标签只有h1----h67、段落标签:我是段落标签8、图片标签:每个属性之间都要有空格隔开图片标签:1.线上访问2.本机访问例:9、路径:路径找到图片、./当前、../上一级相对路径、绝对路径(一般情况最好用相对路径)10、超链接http://www.ba

3-web前端 css 网页样式语言,基础语言、盒子模型、浮动

html和css的关系:  HTML(HyperTextMarkupLanguage,超文本标记语言)是用于创建网页的标准标记语言。它负责定义网页的结构和内容。HTML使用各种标签来包含文本、链接、图片、视频等元素,并可以与如JavaScript等其他技术结合使用,实现网页的动态功能。  CSS(CascadingStyleSheets,级联样式表)是用于描述网页外观和样式的样式表语言。它让你可以控制网页的布局、颜色、字体以及其他视觉元素。CSS可以与HTML结合使用,通过内联样式、内部样式表和外部样式表等方式,对网页的各个元素进行样式的设置。  简单来说,HTML和CSS是相辅相成的。HTM