1 script标签

1.1 script标签属性

src：指定加载的外部js文件
type：在浏览器中为“text/javascript”，如果加载或包含ES模块代码，值为module
nomodule：兼容不支持ES6的浏览器
async：脚本解析不阻塞HTML解析，但是脚本解析完会立即执行，可能会阻塞HTML解析
defer：脚本解析不阻塞HTML解析，脚本的执行在HTML元素解析完成之后，DOMContentLoaded事件触发之前
crossorigin：涉及CORS的元素主要有<script>、<link>、、<audio>、<video>，origin主要包括三部分：协议、域名、端口，如果是跨源请求，可以设置用户的凭据信息

crossorigin的取值

anonymous：不包含凭据
use-credentials：包含凭据

跨域请求（简单请求和复杂请求）

（1）简单请求
请求方式为：get、post、head
http头部只有以下字段：Accept、Accept-language、content-type、content-language、Last-Event-Id

简单请求，浏览器自动添加一个origin字段，同时后端设置请求头：

Access-Control-Allow-Origin：表示接受哪些域名的请求
Access-Control-Expose-Headers：指明哪些首部可以
Access-Control-Allow-Credentials：设置是否允许传cookie（要想传cookie，前端需要设置xhr.withCredentials=true，后端设置Access-Control-Allow-Credentials：true）

（2）复杂请求

1、复杂请求会在正式通信之前进行一次预检请求
预检请求格式：

OPTIONS：请求行的请求方法为OPTIONS
Origin：通过预检之后的请求会自动带上Origin字段
Access-Control-Request-Method：请求的方式
Access-Control-Request-Header

2、服务器收到预检请求以后，确认允许跨源请求，就可以做出回应
3、预检请求通过后，就会发出正常的http请求，通过预检请求后的请求会带上origin字段

2 变量声明

var

特性：

函数级作用域
变量只能在函数执行的生命周期内存在，函数执行完毕退出以后变量会被销毁

function fn(){var a=1console.log(a)
}
fn()    // 1

作用域提升
重复声明不报错
全局变量会作为window属性

let

块级作用域：{}内部定义的变量在外部无法访问
没有变量提升
不能重复声明
全局声明不是window对象的属性

const

声明必须初始化
声明常量不能被修改
不能用于声明会自增的迭代次数

3 Map

js高级程序设计学习相关推荐

Js高级程序设计第三版学习(十二章)
Js高级程序设计第三版学习(十二章) 第十二章 DOM2和DOM3 1.样式: 访问样式属性任何支持style特性的HTML元素都有一 ...
JS高级程序设计【红宝书】学习笔记——数据类型
目录数据类型 Number类型 1.值的范围 2.NaN 3.数值转换 String类型 1.字符字面量(详见JS高级程序设计P63 2.转换为字符串 Symbol类型 Object类型 objec ...
JavaScript高级程序设计学习笔记（三）
分享一下第五章(引用类型)的笔记,内容比较多,我拆成了两部分,今天这部分是关于Object.Array.Date和RegExp类型的. 以下的笔记是书上一些我以前学习的时候,没有太重视的js基础知识, ...
《Ext JS 高级程序设计》的目录与样张
第一部分 Ext Core 第1 章 Ext Core 重要概念 ············· 2 1.1 Ext.Element······························· 2 1. ...
Ext JS高级程序设计
Ext JS高级程序设计图书详细情况查看: http://www.china-pub.com/193076 市场价 :￥59.00 会员价 : ￥44.25(75折) [作者]黄灯桥;徐会生 [同 ...
JS高级的学习(二)
JS高级的学习(二) set对象 Set 是一个对象存放数据数据永远不会重复 Set 当成是一个数组遍历使用数组方法 find findIndex Map 数组转成 Set对象 const ...
js高级程序设计第四部分
js高级程序设计:BOM.客户端检测 BOM window对象在浏览器中,window 对象有双重角色,它既是通过 JavaScript 访问浏览器窗口的一个接口,又是 ECMAScript 规定的 ...
读js高级程序设计中有感
我现在都到js高级程序设计最难的章节,第六章,对象,虽然有人推荐不用全部读完,但我还是完整的读一遍吧,一遍可以敲代码一边看书理解加百度,我认为这种方式很好,可以加深理解增强印象,这是我觉得这本书比JS ...
JS高级程序设计——阅读笔记四
JS高级程序设计--阅读笔记四第六章集合引用类型 6.1 Object 6.2 Array 6.2.1 创建数组 from()函数 6.2.2 数组空位 6.2.3 数组索引 6.2.4 检测数组 ...

js高级程序设计学习