2020-11-15
- 通过初始化指定变量类型 数字-1 对象null
- 和null的比较(不理解)
- 使用局部变量将属性查找替换为值查找(算法复杂度)
- 循环的减值迭代,降低了计算终止条件的复杂度
- switch快
- 多个变量声明逗号隔开
- 使用数组和对象字面量(接口params参数)
2020-11-16
第21章 Ajax
- Ajax Asynchronous JavaScript + XML
- 每个HTTP请求和响应都会带有响应的头部信息,setRequestHeader()方法可以设置自定义的请求头部信息
- 对XHR而言,位于传入open()方法的URL末尾的查询字符串必须经过正确的编码
- function addURLParam(url, name, value) {
url += (url.indexOf(’?’)) == -1 ? ‘?’:’&’
url += encodeURIComponent(name) + ‘=’ + encodeURIComponent(value)
return url }- 使用XHR模仿表单提交,将Content-Type/MIME类型 头部信息设置为application/x-www-form-urlencoded
- FormData为序列化表单以及创建与表单格式相同的数据提供了便利,不必明确地在XHR对象上设置请求头部,XHR对象能够识别传入的数据类型是FormData的实例
var data = new FormData() data.append(‘name’, ‘Leo’) 第25章 新兴的API -
FileAPI- File对象的只读属性type是文件的MIME类型
- FileReader可以读取文件中的数据 new FileReader() → 使用file的API
- FileReader提供的方法有: readAsText(file,encoding) 以纯文本形式读取文件 readAsDataURL(file) 读取文件,并将文件以数据URI的形式保存在result属性中 - 读取图片并显示
readAsBinaryString(file) readAsArrayBuffer(file)- Blob是File类型的父类型 → 读取部分内容
- 对象URL即blobURL,引用保存在File或Blob中数据的URL,可以不必把文件内容读取到js中而直接使用文件内容 - 图片
- 创建对象URL window.URL.createObjectURL()
常见的媒体格式类型如下:
MDN mime
text/html : HTML格式
text/plain :纯文本格式
text/xml : XML格式
image/gif :gif图片格式
image/jpeg :jpg图片格式
image/png:png图片格式
以application开头的媒体格式类型:
application/xhtml+xml :XHTML格式 application/xml : XML数据格式
application/atom+xml :Atom XML聚合格式 application/json :
JSON数据格式 application/pdf :pdf格式 application/msword :
Word文档格式 application/octet-stream : 二进制流数据(如常见的文件下载)未知的应用程序文件
application/x-www-form-urlencoded : 中默认的encType,form表单数据被编码为key/value格式发送到服务器(表单默认的提交数据的格式)
另外一种常见的媒体格式是上传文件之时使用的:multipart/form-data : 需要在表单中进行文件上传时,就需要使用该格式以上就是我们在日常的开发中,经常会用到的若干content-type的内容格式。
问题
1. 导出获取到的文件名乱码
ISO-8859-1 单字节编码,兼容ASCII码,相当于ASCII码的扩展,无法表示中文字符,系统默认编码
疑问:xhr无法设置相应体头部的编码?
2. 获取下载进度
- window.open方式
window.open 浏览器托管下载并监听下载完成