前端下载文件时无法获取到header[‘Content-Disposition’]
我们在做文件下载的功能时,往往需要后端将文件名称返回给前端,前端获取文件名称并从浏览器上下载文件。
一般情况下,后台会将文件名称加在请求的响应头的Content-Disposition中,前端只需要去获取该字段即可。
但是由于浏览器的限制,前端只能在network中看到Content-Disposition字段但是代码中无法获取。
此时,就需要后端将其字段暴露出来。前端才能成功的拿到该字段。
后端设置如下:
response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
response.setCharacterEncoding("utf-8");
String fileName = URLEncoder.encode("测试", "UTF-8").replaceAll("\\+", "%20");
response.setHeader("Content-disposition", "attachment;filename*=utf-8''" + fileName + ".xlsx");
response.setHeader("Access-Control-Expose-Headers", "Content-Disposition"); //在此处开放Content-Disposition权限,前端代码才能获取到
html js css 整理
设置字体大小:font-size 颜色:color
<span style="font-size:50px; color:#ff9900">字体</span>
相对协议 //
“相对协议”,也就是链接以 // 开头,前面省去了 http: 或 https: 字样,
这样做的好处是浏览器能够根据你的网站所采用的协议来自动加载对应的文件!
rem
px 与 rem 的选择?
对于只需要适配少部分手机设备,且分辨率对页面影响不大的,使用px即可 。
对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。
<style>
.pay_btn{
background: url("./images/payBtn.png") no-repeat top center;
width: 8.9rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.32rem;
height: 1rem;
color: #666666;
background-size: 100%;
margin-top: 1.2rem;
}
</style>
https://blog.csdn.net/qq_40571091/article/details/100898470
table布局 文本格式 字体、列表样式 背景属性 盒子模型 定位
localStorage
什么是localStorage
1、localStorage拓展了cookie的4K限制
2、localStorage会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库,相比于cookie可以节约带宽
链接地址:http://www.barben.cn/code/513.html
setInterval
setInterval设置停止和循环
var timesRun = 0;
var interval = setInterval(function(){
timesRun += 1;
if(timesRun === 60){
clearInterval(interval);
}
//do whatever here..
}, 2000);
或
var startTime = new Date().getTime();
var interval = setInterval(function(){
if(new Date().getTime() - startTime > 60000){
clearInterval(interval);
return;
}
//do whatever here..
}, 2000);