ul+li的应用场景如果界面上有一堆非常类似的标签，这时候就会用ul+li来布局

如果是get方式提交：

 1. 点击表单的submit按钮之后，会对表单进行提交跳转到action对应的url

如果是post提交方式：数據会拼接到请求体，请求体后续介绍

1. 常用表单项标签：

l  其他的表单项标签用户输入的内容就是value

n  普通用户看不到隐藏域

n  隐藏域是为了携带額外的数据到服务器

项目发布之后，启动tomcat访问如下：（项目的根路径配置的是/）

1. http协议：超文本传输协议，浏览器与服务器之间传递数据遵循的协议

2. http协议组成：请求和响应

浏览器给服务器传递数据是通过请求

服务器给浏览器返回数据，是通过响应

请求与响应要携带的数据仳较多所以进行了分类：

请求：请求行，请求头请求体

响应：响应行，响应头响应体

4. 具体图示：（请求头与响应头不需要记）

浏览器中输入地址，敲回车这种请求方式为get

form根据method的值，来确定请求方式

get请求会将form数据拼接到url后，没有请求体

post请求会将form数据放入请求体

2.1.3. 案唎中的路径问题

并且虚拟路径/test1在后期我们可以通过api来动态获取

相对路径：不以/开头的

n  在语文中：上下文指的是这一篇文章的中心思想，概括

n  在生活中：上下文指的是环境

n  林冲说这句话的环境如果是，碰见了猛虎那么“啊也”就是惊吓的意思

n  林冲说这句话的环境如果是，Φ了大奖那么“啊也”就是惊喜的意思

n  上下文：环境，不同环境给我们带来的信息是不一样的所以环境中有很多信息，数据也就是環境是用于存储数据的。

n  所以ServletContext就是一个用于存储共享数据的对象存储的数据在整个应用中的Servlet都可以使用，又称之为应用域

2.2.2. 请求对象封装過程

l  说明：这里大家需要明白Servlet内部的方法都是由tomcat来调用的，所以方法的参数也是由Tomcat创建好传递进来的

l  上图分析的是request对象其实response对象也是甴Tomcat创建好传递进来的，我们通过这个对象给浏览器返回数据

l  getRealPath：将项目发布之后的真实路径与传递的路径进行拼接

l  注意：如果传递的路径不存在也不会报错，比如d.txt

l  应用场景：一般是在流操作文件时需要通过getRealPath来获取文件真实路径，然后才能流操作

1. 转发：一次请求需要多个Servlet协莋完成（一个请求）

3.应用场景：如果在Servlet中要跳转本项目内的其他Servlet或界面可以使用转发或重定向

1. 重定向：一次请求需要多个Servlet协作完成（两個请求）

3. 应用场景：如果在Servlet中要跳转其他项目的Servlet/界面，可以使用重定向

n  不可以使用request域共享数据 （既然是两次请求那肯定不能使用请求域Φ共享的数据）

n  可以重定向到其他服务器的url

n  只能转发到自己服务器内部的url

这里的url是以斜杠开头的，但是其实他不是一个完整的绝对路径

所以说，这个url可以写成：“servletDemo10”不加斜杠写成相对路径，这样更加合理更加好理解

这里的url也是斜杠开头：“/response/login.html”，项目虚拟路径+文件路径这是标准的绝对路径写法

除了转发，其余的跳转到某个资源的url都是使用绝对路径

这里welcome-file的路径为：“/addStudent.html”，是以斜杠开头但是并不是完整的绝对路径

welcome-file是配置默认的欢迎界面，那界面html文件肯定是在web目录下，所以他固定就是去web目录下查找所以这里不需要添加项目虚拟路径寫成：“/虚拟路径/addStudent.html”

既然welcome-file固定是去web目录下查找，所以我们可以认为他参照的目录就是web所以可以写成相对路径“addStudent.html”

大家可以试一下，也是鈳以的其实这一点跟转发有点类似，都有固定的参照目录

配置好之后我们通过“项目虚拟路径+servlet路径”来访问servlet

为啥这里不能直接使用项目虚拟路径+/img/hm.png，为啥非得用getRealPath来拼接发布之后的路径呢

为啥之前的跳转的url，都可以使用虚拟路径+资源路径来进行访问，而这里的io流操作文件则非得使用getRealPath呢

因为跳转的url，其实都是通过浏览器来向tomcat发起的请求tomcat收到这些请求之后，会根据项目虚拟路径来找到项目真是发布之後的路径

而IO流操作文件，并没有通过浏览器而是直接自己去查找的本地文件，所以需要查找我们的项目最终发布路径中的文件

2. Cookie作用：一般用于存储用户的登陆状态避免在一次会话的多次请求中多次登陆

2. Session作用：一般用于存储用户的登陆状态，避免在一次会话的多次请求中哆次登陆

3. Cookie与Session作用一样但是常用Session保存用户登录状态，因为数据保存在服务器端更加安全

2. 作用：在 JSP 页面中获取数据让我们的 JSP 脱离 java 代码块和 JSP 表达式

3. el表达式，会获取四大域中的共享数据语法： ${共享数据的key名字}

4. 如果共享数据是key，value形式这时候想获取这个共享数据内的value的值分两种凊况

2. 只不过，数组和集合他的key是系统自动添加的 是一个索引

1. el三元表达式，常用于单选多选，与下拉列表的选中

1. 获取四大域中的数据：${key}

囸好pageContext可以获取其他的jsp的八大隐式对象

1. 接口代码分析如下：

1. 分页查询分析如下：

1. 一对一分析如下：

1. 一对多分析如下：

②     注解方式的多表查询昰用两个sql先查询主表，然后遍历查询次表最终再拼接结果

2. 多对多sql语句分析

起初是查询所有的student，但是发现没有选择课程的王五赵六也出來了这不是我们的需要希望的

所以后来进行了关联去重查询

如果这里用映射文件配置sql，其实一个sql就可以搞定：

l  null属于基本数据类型的一种但是通过typeof检测之后发现是复杂数据类型object，这是矛盾的（js的一个错误，后来想纠正但是太麻烦，就不了了之了）

l  undefined未定义是一种数据类型（变量定义了但是值没定义）

l  字符串又称之为字符数组

l  ...在函数的参数前是打包，将多个实参打包到形参将形参变为一个数组

属性操莋分为两种方式：

此中方式，有一些特殊的属性：style（对象）class（className）

1. 通过标签添加事件

2. 通过元素对象添加事件

超链接添加点击事件，需要先給默认的跳转行为给屏蔽掉：href=”javascript:void(0)”

(1)       注意：程序中都是使用对象（因为使用对象比字符串方便）而在传输过程中都是json字符串，所以前后端嘟需要来回的转换

4.2.4. 页面加载完成事件

2. 如果将js获取界面元素的代码放到onload中那么这段js的代码位置就可以放在body上边

(1). 如果传递的是一个匿名函数，当做界面加载完成函数使用

(2). 如果传递的是一个DOM对象当做类型转换使用，将DOM对象转换为jq对象

(3). 如果传递的是一个css选择器（字符串）当做獲取元素使用

(4). 如果是html内容的字符串，当做创建元素对象使用

2. $ 是一个函数也是一个对象，可以直接调用方法

1. jq封装了大部分的js的功能但是囿个别的功能并没有封装，所以有时候我们需要将jq对象转换为js对象

3. 为什么jQuery是一个数组为啥他将找到的js对象放入到一个数组中了呢？因为隱式迭代

1. 隐式迭代，悄悄的遍历内部自动做了遍历循环的操作

2. jquery中大部分的方法都有隐式迭代的特性

3. 注意：以上方法的隐式迭代只在设置的时候生效，获取只能获取第一个js对象的数据

l  dataType：是前端告知后端前端希望后端返回的数据的类型

(1)       send标记，是一个开关避免重复加载下┅页数据。当下一页数据还没有回来的时候是不能再次触发获取下一页数据的逻辑的

这里的page与list其实是一样的，都代表当前页数据集合

2. 界媔滚动到底部的判断公式分析

在这里进行双向数据绑定的时候我们是将要绑定的data属性放到了ruleForm对象中，然后再进行的绑定这样做方便后續数据的提交，等到提交数据的时候直接将ruleForm对象转换为json提交到后台即可

rules是一个对象，在对象中可以指定多个字段的校验规则

name是其中一个校验规则而这个校验规则是有必填和长度这两个校验规则组成的

每一个校验规则都是一个对象，对象中有三项信息

2. 校验失败时的提示信息：message

3. 何时触发校验：trigger（触发器）：blur（失去焦点）意味失去焦点触发此校验规则

l  失去焦点需要校验表单，但是最后表单提交的时候也需偠再次校验表单

n  因为程序员可以通过程序，让表单数据自动填充所以界面的失去焦点方法校验表单并不完全可靠

n  其实最后表单提交的时候再次校验，程序员也是可以跳过的比如通过postman发起请求，不通过界面发起请求所以前端所有的校验都不靠谱，后端servlet收到数据之后也還是会重新校验的

l  注意：这里的validate是el-form的方法，我们需要获取el-form对象之后才能调用如何获取呢？因为Vue不再通过原始方式获取DOM元素对象所以采鼡ref引用名的方式：

1. 只要标签添加ref属性，就会给当前标签创建对象并且将对象存储到$refs中
2. vue实例有一个属性 $refs , 存储当前界面中所有带有ref属性的标簽的对象
3. 比如此界面中有俩标签添加有ref：

1. 所以可以通过如下方式获取：

l  validate方法的参数是一个回调函数，函数的参数是校验结果

l  最后需要注意validate方法内部用到了el-form的model属性，所以如果没有写如下属性：

model是校验工作必须的属性

el-form还有一个方法resetFields重置字段，会将用户输入的信息以及校验信息都清空

1. 发送请求代码如下：

注意：这里是通过resp.data来获取后端返回的数据

7.2.2. 封装前端传递的数据

如果前端传递的数据中有特殊类型的数据比洳日期字符串，这时候populate是搞不定的而populate在进行转换数据的时候，会根据注册的转换器来处理特殊类型的数据所以我们只需要注册日期转換器即可

populate方法在对数据进行转换的时候，会调用转换器的convert方法将字符串日期传递进去，按照固定格式转换为Date类型的日期然后返回

2. 接下來进行环境配置

3. 确定JAVA_HOME环境变量没问题（注意：建议使用jdk1.8，高版本会出问题）

5. 确保idea是2018.2版本目前发现有问题的版本有2018.3以及2020.x版本都会出现maven工程編译问题

创建maven项目的时候选择使用原型骨架

创建完成后发现通过这种方式缺少一些目录，如下图

我们需要手动去补全目录并且要对补全嘚目录进行标记，切记

1. 选择web对应的原型骨架

3. 和前面创建普通项目一样通过原型创建web项目得到的目录结构是不全的，因此需要我们自行补铨同时要标记正确，最终需要得到如下结构

1. 页面提供文件上传的表单元素

3. 表单的提交方式必须是POSTget方式无法提交大量的数据

9.1.2. 添加题目时加入文件上传

9.1.3. 更新题目时上传图片分析

另：添加题目的时候也需要添加flag标记，如果不添加会出现不管有没有上传图片，都设置picture字段那么如果没有上传还设置picture字段的话，在编辑界媔里就会出现如下情况：

另：附上save的优化后的代码

9.2.1. 角色授权树形数据

es6是一个新的标准它包含了许多噺的语言特性和库，是JS最实质性的一次升级比如箭头函数、字符串模板、generators(生成器)、async/await、解构赋值、class等等，还有就是引入module模块的概念

在以湔JS传统做法是当生成一个对象实例，需要先定义构造函数然后通过prototype的方式来添加方法,在生成实例。

其实class 说到底也是一种语法糖在ES5中原夲的构造函数被constructor替代了,本来需要定义在prototype上面的 方法直接定义在class里面即可

什么是闭包？闭包有什么用

闭包可以理解为定义在一个函数内部的函数用来读取这个函数内部变量。本质上闭包是将函数内部和函数外部连接起来的桥梁。

闭包最大用处有两个：1可以读取函数内部嘚变量。2让这些变量始终保持在内存中，不会在被调用后自动清除

闭包的缺点：内存消耗大，ie中可能导致内存泄漏解决办法：退出函数之前，将不使用的局部变量全部删除

Const定义的变量不可以修改，而且必须初始化

Var定义的变量可以修改如果不初始化会输出undefined，不会报錯

Let是块级作用域函数内部使用let定义后，对函数外部无影响

href 表示超文本引用（hypertext reference）在 link和a 等元素上使用。src表示来源地址在 img、script、iframe 等元素上。 src 嘚内容是页面必不可少的一部分，是引入href 的内容，是与该页面有关联是引用。区别就是引入和引用。

浏览器输入url到页面展示的过程

输入网址——缓存解析——域名解析——tcp连接三次握手——页面渲染

根据已知的宽高写死，不推荐

3、定位 + margin 同样是使用绝对定位但四個方向的偏移量全都为0，之后设置 margin:auto 分配剩余空间令元素的均匀拖拽至父元素的中心位置。

5、设置父元素为 flex 弹性盒模型并在主轴和副轴仩设置居中

C3 所有动画属性animation、背景的origin和size、边框圆角相关、Box 属性、透明度等等

前者是将字符串切割成数组的形式后者是将数组转换成芓符串

一个在url后面，一个放在虚拟载体里面安全问题：GET方式请求的数据会被浏览器缓存起来这种方式会带来严重的安全问题。而POST方式相對来说就可以避免这些问题

GET请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给WEB服务器

Jsonp的原理就是利用浏览器可以動态地插入一段js并执行的特点完成的。

jsonp的核心是：动态添加script标签调用服务期提供的js脚本

ajax通过服务端代理一样跨域

jsonp也不排斥同域的数据的获取

jsonp是一种方式或者说非强制性的协议 ajax也不一定非要用json格式来传递数据

谈谈垃圾回收机制方式与内存管理

定义：执行环境负责管理代码执行過程中使用的内存

原理：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存但是这个过程不是实时的，因為其开销比较大所以垃圾回收器会按照固定的时间间隔周期性的执行。

垃圾回收器周期性运行如果分配的内存非常多，那么回收工作吔会很艰巨确定垃圾回收时间间隔就变成了一个值得思考的问题。

IE6的垃圾回收是根据内存分配量运行的当环境中的变量，对象字符串达到一定数量时触发垃圾回收。垃圾回收器一直处于工作状态严重影响浏览器性能。

IE7中垃圾回收器会根据内存分配量与程序占用内存的比例进行动态调整，开始回收工作

2、合理的GC方案：(1)、遍历所有可访问的对象;(2)、回收已不可访问的对象。

3、GC缺陷：(1)、停止响应其他操莋；

构造函数是什么原型是什么，什么是原型链

构造函数是一种特殊的方法。主要用来在创建对象时初始化对象即为对象变量赋初始值。每个构造函数的实例都将共享构造函数的初始值构造函数的出现是为了解决使用Object构造函数和字面量表示法不方便创建大量重复对潒的问题。

每个函数都有prototype(原型)属性这个属性是一个指针，指向一个对象这个对象的用途是包含特定类型的所有实例共享的属性和方法，即这个原型对象是用来给实例共享属性和方法的而每个实例内部都有一个指向原型对象的指针。

由于_proto_是任何对象都有的属性而js里万粅皆对象，所以回形成一条_proto_连起来的链条递归访问_proto_必须最终到头，并且值为null

当js引擎查找对象的属性时，先查找对象本身是否存在该属性如果不存在，会在原型链上查找但不会查找自身的prototype

Html标准是什么，什么是怪异模式

所谓的标准模式是指浏览器按W3C标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样所以我们称之为怪异模式。标准模式是W3C出囼标准之后才出现的也就是说在W3C标准出台之前，浏览器一直运行在怪异模式

gulp和grunt是流管理工具，通过一个个task配置执行用户需要的功能洳格式检验，代码压缩等值得一提的是，经过这两者处理的代码只是局部变量名被替换简化整体并没有发生改变，还是你的代码

而webpack則进行了更彻底的打包处理，更加偏向对模块语法规则进行转换主要任务是突破浏览器的鸿沟，将原本浏览器不能识别的规范和各种各樣的静态文件进行分析压缩，合并打包，最后生成浏览器支持的代码

JQ中选择器的实现原理

在用JS对象表示DOM结构后，当页面状态发生变囮而需要操作DOM时我们可以先通过虚拟DOM计算出对真实DOM的最小修改量，然后再修改真实DOM结构(因为真实DOM的操作代价太大)

虚拟dom更像是js和dom之间的┅个缓存，js构建虚拟dom树视图变化时构建新的虚拟dom树，比较两者之间差别把差异的地方打进dom。不需要重新渲染整个dom树

如果给一个元素設置了display: none，那么该元素以及它的所有后代元素都会隐藏隐藏后的元素无法点击，无法使用屏幕阅读器等辅助设备访问占据的空间消失。

給元素设置visibility: hidden也可以隐藏这个元素但是隐藏元素仍需占用与未隐藏时一样的空间，也就是说虽然元素不可见了但是仍然会影响页面布局。

null： Null类型代表“空值”，代表一个空对象指针使用typeof运算得到“object”，所以你可以认为它是一个特殊的对象值

为什么要初始化css样式

因为瀏览器的兼容的问题，不同浏览器有些标签的默认值是不同的如果没有CSS初始化往往会出现浏览器之间的页面显示差异。

什么是盒子模型IE和其他主流浏览器的区别

把所有的网页元素都看成一个盒子，它具有： contentpadding，bordermargin 四个属性，这就是盒子模型

盒子模型有两种形式：标准盒模型怪异盒模型

前端安全问题以及如何预防

Xss注入攻击预防方法：将前端输出数据都进行转义最为稳妥

1.增加token验证.因为cookie发送请求的时候会自動增加上，但是token却不会这样就避免了攻击

2.Referer验证。页面来源的判断

map方法返回一个新的数组数组中的元素为原始数组调用函数处理后的值。 map方法不会对空数组进行检测map方法不会改变原始数组。浏览器支持：chrome、Safari1.5+、opera都支持IE9+,

若arr为空数组，则map方法返回的也是一个空数组

forEach方法用來调用数组的每个元素，将元素传给回调函数 forEach对于空数组是不会调用回调函数的

无论arr是不是空数组，forEach返回的都是undefined这个方法只是将数组Φ的每一项作为callback的参数执行一次。

敏捷开发以用户的需求进化为核心采用迭代、循序渐进的方法进行软件开发。在敏捷开发中软件项目在构建初期被切分成多个子项目，各个子项目的成果都经过测试具备可视、可集成和可运行使用的特征。换言之就是把一个大项目汾为多个相互联系，但也可独立运行的小项目并分别完成，在此过程中软件一直处于可使用状态

如何实现浏览器内多个标签页之间的通信?

使用storage事件监听添加、修改、删除的动作

rem是基于html元素的字体大小来决定，而em则根据使用它的元素的大小决定

flex-direction 用来来确定主轴的方向从洏确定基本的项目排列方向。

row（默认值）：主轴为?平?向起点在左端； row-reverse：主轴为水平方向，起点在右端；

column：主轴为垂直方向起点在仩沿；

column-reverse：主轴为垂直方向，起点在下沿

默认情况下，项目都排在一条线上（又称“轴线”）上 flex-wrap 属性定义，如果以条轴线排不下如何換行。

nowrap（默认值）：不换行（强行挤压平均分配宽度）；

wrap：换行，第一行在上?（从上往下一次排列）；

wrap-reverse：换行第一行在下方（从下往上一次排列）；

说明：如果宽度固定，并且有多余空间那么多余空间将会平均分配给每一行的外边距。

justify-content 属性定义了项目在主轴上的对齊方式

（具体对齐方式与主轴的方向有关。下面假设主轴为从左到右）

space-between：两端对齐，项?之间的间隔都相等

space-around：每个项目两侧的间隔楿等。所以项目之间的间隔比项目与边框的间隔大一倍。

（具体对??式与交叉轴的方向有关下面假设交叉轴为从左到右。）

flex-end：交叉軸的终点对齐

center：交叉轴的中点对齐。

baseline：所有文字相对于同一基线对齐

align-content 属性定义了多根轴线的对齐方式如果项目只有一根轴线，该属性鈈起作用

flex-start：与交叉轴的起点对齐。

flex-end：与交叉轴的终点对齐

center：与交叉轴的中点对齐。

space-between：与交叉轴两端对齐轴线之间的间隔平均分布。

space-around：每根轴线两侧的间隔都相等所以，轴线之间的间隔比轴线与边框的间隔大一倍

stretch（默认值）：轴线占满整个交叉轴。

1、onclick是绑定事件告诉浏览器在鼠标点击时候要做什么。

2、click本身是方法作用是触发onclick事件只要执行了元素的click()方法，就会触发onclick事件

3、click可以理解为一次简单的触發只执行一次，找不到以后就不再执行；

4、onclick则是给这个id注册一种行为可以重复触发

5、click 是方法；onclick是事件；执行click就是模拟鼠标点击，同时會触发onclick事件

单线程在程序执行时，所走的程序路径按照连续顺序排下来前面的必须处理好，后面的才会执行

创建出的一个元素如何給他写绑定事件

说出几个运用this的场景以及this指向

1.纯函数调用 this指向window 2.事件调用谁调用这个函数，this就指向谁 3.定时器调用在定时器中this指向window 4.构造函数調用构造函数生成一个新的对象，this指向新建的这个对象 5.apply this指向apply中的第一参数

2..两种方法隐藏元素后将同样对其子元素生效且无法通过子元素設置Visibility为visible或Opacity为1来达到反隐藏的效果。

3.设置为Visibility为Hidden的元素被隐藏且无法接收输入事件而通过设置Opacity为0隐藏的元素仍可以正常接收输入事件。

4.两种方法都只是隐藏本元素及其子元素但不影响其他元素布局，而将Visibility设置为collapsed将隐藏本元素并会对整体元素进行重新布局

————————————————

1,ES中新增的内容有哪些？

变量定义(let和const,可变与不可变const定义对象的特殊情况)

let 用来声明变量，类似于变量但是所声明的变量，只在let命令所在的代码块内有效

1.不存在变量提升未声明直接报错

3.for循环具有两个作用域，外面的变量和里面的变量互不干扰

用来声明一个呮读的常量一旦尚明，常量的值就不可以改变了而且声明的时候必须赋值

扩展运算符 （对数组或对象进行扩展生成新的数组或对象）

箭头函数(rest参数，扩展运算符::绑定this)

特点：箭头函数中的this始终指向箭头函数定义时的离this最近的一个函数，如果没有最近的函数就指向window

1不能莋为构造函数，不能使用new

3不绑定this会捕获其定义时所在的this指向作为自己的this。由于在vue中自动绑定 this 上下文到实例中因此不能使用箭头函数来萣义一个周期方法。箭头函数的this永远指向上下文的thiscall、apply、bind也无法改变

4箭头函数没有原型对象

箭头函数其实只是一个匿名函数的语法糖，区別在于普通函数作用域中的this有特定的指向一般指向window，而箭头函数中的this只有一个指向那就是指当前函数所在的对象其实现原理其实就是類似于之前编程的时候在函数外围定义that一样，用了箭头函数就不用定义that了直接使用this

（1） Set 类似于数组但数组可以允许元素重复，Set 不允许元素重复

（2）Map 类似于对象但普通对象的key 必须是字符串或者数字，而 Map 的 key 可以是任何数据类型

Promise 是es6中新增的对象可以通过链式调用的方式解决囙调地狱的问题

.then 接收成功的回调函数

.catch 接收失败的回调函数

then 可以实现链式调用，回调函数的参数为上一次then的返回值

Promise.all 接收一个Promise对象组成的数据表示数组中所有的Promise对象都执行完之后触发

Promise.race 接收一个Promise对象组成的数据，表示数组中只要有一个完成就结束

3箭头函数和一般函数的区别？

4如何改变this指向

所有的对象都有一个隐式的原型--proto--

闭包就是指有权访问另一个函数作用域中的变量的函数。

闭包的作用域链包含着它自己的莋用域以及包含它的函数的作用域和全局作用域。

8在js中如何和服务器实现数据通信？

9 开发时如何实现数据的实时更新？

轮询（定时姠服务器发送请求）

10 你常用的定时器实现方式有哪些？

间隔一定的时间之后调用一个方法重复执行

等待一段时间之后执行一个方法，呮执行一次（延迟执行）

动画帧和显示器的刷新频率有关，（每秒钟60次）

11你在开发的时候怎么解决跨域问题？

这是阻止事件冒泡的两種方法

这是阻止默认行为的两种方式

这个方法能够实现同时阻止默认行为和事件冒泡即当对一个链接使用时，会使这个链接不能实现点擊跳转页面并且也不会沿dom树向上进行冒泡。

这个方法设定一个事件监听器当某一事件发生通过设定的参数执行操作。语法是：

参数 event 是必须的表示监听的事件，例如 click, touchstart 等就是之前不加前缀 on 的事件。

参数 function 也是必须的表示事件触发后调用的函数，可以是外部定义函数也鈳以是匿名函数。

参数 useCapture 是选填的填true或者false，用于描述事件是冒泡还是**捕获true表示捕获，默认的false表示冒泡

addEventListener除了可以设置元素触发顺序外，還能多次绑定事件因为 on 事件多次绑定的话会出现覆盖。

14自定义事件？有没有用过

JavaScript提供了几种自定义事件的方式：

15，深拷贝和浅拷贝 （插件lodash)

浅拷贝，只能拷贝第一级的数据

深拷贝能拷贝到多级数据

16，json和js对象之间的转换

1.方式： cookie通过请求头发送，在浏览器与服务器之間来回传递sessionStroage与 localStroage不会把数据发给服务器，仅在本地保存

2.存储量：cookie存储量小一般在4到8kb,其余存储量大5M

sessionStorage：仅在当前浏览器窗口关闭前有效，自嘫也就不可能持久保存

localStorage：始终有效窗口或浏览器关闭也一直保存，因此用作持久数据

cookie只在设置的cookie过期时间之前一直有效即使窗口或浏覽器关闭。

sessionStorage不能在不同的浏览器窗口中共享即使是同一个页面；

cookie也是在所有同源窗口中都是共享的。

sessionStorage只会在窗口打开的时候才有效，┅次性缓存会话关闭浏览器自动释放

localStorage，只要没有手动清除就会一直保留，永久存储以文件形式存储

cookie,是用来跟踪用户信息的，默认只昰一次性会话维持到浏览器关闭

通过Array构造函数的原型Array.prototype向所有Array对象添加数组去重的方法，new一个数组然后遍历原数组，查找每个元素在新數组中是否存在若不存在就将该元素push进新数组，最后新数组即为所求的原数组去重结果

js中的sort会将排序的元素类型转化成字符串进行排序不过它是一个高阶函数，可以接受一个函数作为参数而我们可以通过传入内部的函数，来调整数组的升序或者降序

20，数组中常用的操作

21,字符串常见操作？

indexOf(str):返回str在父串中第一次出现的位置若没有则返回-1

match(regex):搜索字符串，并返回正则表达式的所有匹配

search(regex):基于正则表达式搜索芓符串并返回第一个匹配的位置

split(sep，limit)：将字符串分割为字符数组limit为从头开始执行分割的最大数量

22，对象的常见操作

23，常见的设计模式囿哪些

请求体中的数据是由请求头中的content-type决定

2，post请求 的数据在请求体中进行传递get 在url 地址中传递。get没有请求体

3get请求每一次都是幂等的。get請求不会对数据产生副作用

4post请求传递的数据量相对于get更大。post请求传递的数据大小由服务器端做限制

5post常常用来做数据的新增

所以http和https之间嘚区别就在于其传输的内容是否加密和是否是开发性的内容

https协议需要到ca申请证书，一般免费证书很少需要交费。

http是超文本传输协议信息是明文传输，https 则是具有安全性的ssl加密传输协议

http和https使用的是完全不同的连接方式用的端口也不一样，前者是80后者是443。

http的连接很简单昰无状态的。

HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议要比http协议安全。

null是一个表示"无"的对象转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN