Lambda表达式
基本用法Lambda表达式本质:用作接口的实现(其实就是把之前实现接口的步骤简化了)。接口必须是函数式接口
一句话说明函数式接口:接口只有一个抽象方法函数式接口可以使用@FunctionalInterface注解进行校验,非函数式接口使用此注解会报错
-> :Lambda操作符->的左边:Lambda形参列表(即抽象方法中的形参列表)->的右边:Lambda体(即重写后的抽象方法体)格式:
1234567 <函数式接口> <变量名> = (参数1, 参数2...) -> { //方法体 }; // 或者 <函数式接口> <变量名> = (参数1, 参数2...) -> 表达式;
参数个数可为0至n个。多个参数需要用逗号,——分割。当参数个数为1时,括号可省略;当参数个数为0时,括号不可省略;参数前可以不加参数类型(不加会自动推导)。
Lambda 体,可以是一个表达式,也可以是语句块;如果是多条语句,需要使用大括号{}包裹;如果只有一条语句则可 ...
跨域网络资源文件下载
问题正常情况下是无法发送跨域请求下载文件的。以下载语雀为例:可以看到直接访问下载地址会报跨域错误
解决这个时候我们就可以通过nginx配置代理转发请求完成下载:
123location ^~ /yuque/ { proxy_pass https://app.nlark.com/yuque-desktop/;}
说明:当我们像本地发送/yuque/的请求时,nginx会转发请求(注意:末尾必须要加/不然就是代理请求,加了后才是转发请求),会将/yuque/转发成下面的https://app.nlark.com/yuque-desktop/
然后我们重新写下载请求:
123var xhr = new XMLHttpRequest();xhr.open("GET", "/yuque/1.1.4/Yuque-1.1.4.exe", true);xhr.send();
这次我们不直接访问语雀下载地址了,而是访问我们的本地地址,然后nginx会将我们的请求进行转发,将/yuque/转发为https://app.nlark.c ...
Vue(JavaScript)下载文件方式汇总
Window下载实现原理:直接用浏览器访问下载链接,唤起浏览器下载功能
123window.location.href = '下载链接';// 或者window.open('下载链接');
缺点:无法(从前端)自定义下载文件名,下载可预览文件(图片,音乐、视频等)时,会跳转新的界面
A标签下载实现原理:创建一个a标签,然后点击它,即把下面的标签用js创建出来
1<a href="下载链接" download="文件名(如:a.zip)">下载</a>
a标签download+url12345678const a = document.createElement('a')a.href = '下载链接'a.download = '文件名'a.style.display = 'none'a.target = 'downloadFile'document.body.appendChild( ...
Axios携带数据发送请求及后端接收方式
数据类型
方法
内容类型(Content-Type)
编码方式
GET
\
Query String Parameters
POST
application/json
Request Payload
POST
application/x-www-form-urlencoded
Form Data
POST
multipart/form-data
Form Data
Content-Type,用于定义网络文件的类型和网页的编码,决定文件接收方将以什么形式、什么编码读取这个文件。
application/json:参数的类型是JSON,后端一般用实体类对象或者具体的参数接收,还可以使用集合接收。
application/x-www-form-urlencoded:参数的类型是被编码过的表单数据,后端一般用实体类对象或者具体的参数接收,还可以从Paramer中获取。
multipart/form-data:参数的类型是表单数据,后端一般用实体类对象或者具体的参数接收,还可以从Paramer中获取。
编码方式
Query String Pa ...
将本地项目推送到远程仓库
IDEA中推送本地仓库与远程仓库一致创建本地仓库
如果未设置此步的话,IDEA将会在顶部菜单显示VCS,而不会显示Git功能
依次打开:文件 | 设置 | 版本控制 | 目录映射;将当前项目路径映射为Git仓库英文版对应地址:
提交本地项目将本地项目提交到本地仓库(git add–>git commit);
关联远程仓库点击Git–>管理远程英文版对应:添加远程仓库地址,亦可自定义别名
将远程仓库项目拉取到本地Git–>拉取(pull)选择要拉取的的分支,如果没有出现,按照提示,多刷新几次
将本地仓库项目推送到远程仓库Git–>推送(push)
本地仓库与远程仓库不一致如果本地仓库与远程仓库不一致,那么所有本地操作都是和之前一致的。唯一不同的就是最后拉取和推送的时候会因为本地仓库与远程仓库不一致造成各种报错。
以防万一,在进行操作前可以新建一个临时分支,给本地分支做个备份
首先是Git拉取失败,报错:
1234Git 拉取失败From github.com:ooahz/XXXXrefusing to merge unrelated histori ...
腾讯云限时免费升配活动
打开腾讯云服务器实例,点击更多–>升级套餐,
然后就可以看到免费升配的活动了
升级后:
2022年2月22日
关于本世纪最“2”的一天与我身份证上的生日是同一天这件事
今天是2022年2月22日,壬寅虎年正月廿二,星期二,宜祈福。
欸嘿,现在是22点22分22秒(咳咳),在这个特别的日子里祝大家好事成双!
SpringBoot发送邮件
引入依赖1234567891011121314151617181920<!-- 父配置--> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.4.3</version> <relativePath/> </parent> ...... <!-- springboot--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web< ...
玻璃拟态(Glassmorphism)设计风格
前言特征毛玻璃拟态模仿了塑料材质(凹凸质感,凸显层次感),这个新的视觉风格更加注重垂直空间Z轴的使用:
透明感(使用背景模糊/高斯模糊的磨砂玻璃效果)
物体漂浮在空间中,通过前后关系表现层次感
鲜艳的色彩感,更突出了模糊的透明度
半透明物体边缘的微妙处理,采用细腻的边框来表现玻璃质感
这是注重空间感的典型特征,意味着这种风格有助于用户建立界面的层次结构和深度。用户可以看到物体间的层次关系,哪一层在哪一层之上,就像空间中真实的玻璃一样。
实例玻璃拟态风格设计:玻璃拟态风格图标:网页头图:
不足毛玻璃拟态效果并不好应用于上线产品。它不适用于按钮或开关(这些重要的界面元素应该具备高对比度,更加清晰明确),模糊效果也要注意分寸,屏幕上过度使用模糊效果,会使整个 UI 对某些用户可阅读性差,同时也会使页面看起来显脏。
玻璃拟态的实现效果本身很容易,但是要考虑两点。与任何基于卡片的布局一样,第一个是-物体离我们越近,它吸引的光越多。在这种情况下,这意味着它将更加透明。整个效果的基础是阴影、透明度和背景模糊的组合,这种风格只能使用一个透明层,或者多个透明层,但当至少两个半透明层出现在一个相当繁 ...