JavaScript高级程序设计阅读笔记

2020-11-15

1. 通过初始化指定变量类型 数字-1 对象null
2. 和null的比较（不理解）
3. 使用局部变量将属性查找替换为值查找（算法复杂度）
4. 循环的减值迭代，降低了计算终止条件的复杂度
5. switch快
6. 多个变量声明逗号隔开
7. 使用数组和对象字面量（接口params参数）

2020-11-16

第21章 Ajax

1. Ajax Asynchronous JavaScript + XML
2. 每个HTTP请求和响应都会带有响应的头部信息，setRequestHeader()方法可以设置自定义的请求头部信息
3. 对XHR而言，位于传入open()方法的URL末尾的查询字符串必须经过正确的编码
4. function addURLParam(url, name, value) {
   url += (url.indexOf(’?’)) == -1 ? ‘?’:’&’
   url += encodeURIComponent(name) + ‘=’ + encodeURIComponent(value)
   return url }
5. 使用XHR模仿表单提交，将Content-Type/MIME类型 头部信息设置为application/x-www-form-urlencoded
6. FormData为序列化表单以及创建与表单格式相同的数据提供了便利，不必明确地在XHR对象上设置请求头部，XHR对象能够识别传入的数据类型是FormData的实例
   var data = new FormData() data.append(‘name’, ‘Leo’) 第25章 新兴的API -
   FileAPI
7. File对象的只读属性type是文件的MIME类型
8. FileReader可以读取文件中的数据 new FileReader() → 使用file的API
9. FileReader提供的方法有： readAsText(file,encoding) 以纯文本形式读取文件 readAsDataURL(file) 读取文件，并将文件以数据URI的形式保存在result属性中 - 读取图片并显示
   readAsBinaryString(file) readAsArrayBuffer(file)
10. Blob是File类型的父类型 → 读取部分内容
11. 对象URL即blobURL，引用保存在File或Blob中数据的URL，可以不必把文件内容读取到js中而直接使用文件内容 - 图片
12. 创建对象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. 获取下载进度

1. window.open方式
   window.open 浏览器托管下载并监听下载完成