前端面试总结
1.函数中的闭包：
使用闭包的最大用处有：
1.1、可以读取函数内部的变量
1.2、让这些变量的始终保持在内存里面。
闭包的缺点：会造成内存泄漏，不释放（比如微信，打开微信，当不使用微信的时候，让微信直至与后台的时候，过段时间这个微信就会取消掉，然后闭包事不会取消掉）
怎么解决闭包的问题：把闭包函数，修改为立即执行函数以及匿名函数。
原因：因为立即执行函数，只要执行了他就被销毁了，销毁之后就会被垃圾站回收。
具体内容操作 在函数笔记中。
2.js的组成：
组成： Dom + Bom +
3.数据类型：
4.选择器：
5.http与https的安全性： http缓存策略。有什么区别，分别解决了什么问题。
6.递归：
7.解决浮动的几种方法
8.进行不要在循环中定义变量。
9.jq与DOM对象之间相互转换
11.事件流： 三个阶段
1.捕获阶段：
2.冒泡阶段：
3.目标阶段：
1 1.什么是事件冒泡： 从里面向外面触发（往下穿透） 2 3 怎么阻止事件冒泡：
12、事件委托： 事件委托
案例：
$('ul').on('click','li',function(){
// 就是 给ul 设置一个点击事件 但是最终 是让 li进行点击事件
})
13.原形对象 ：构造函数。
new+function() --->原理 prototap
14、分页的实现
15.搜索
16、前端标签
17.雪碧图
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
18、css伪类与伪元素的区别：
19、把二维数合并成一个一维数组。归并排序的思路。
20、浏览器数字代表
首先是 表示成功处理了请求的状态代码
200 ---> 服务器成功返回网页。通常，这代表服务器提供了请求的页面
201 ----->(已创建) 请求成功并且服务器创建了新的资源。
202 ----->(已接受) 服务器已经接受请求。 但尚未处理
203 --->（非授权信息) 服务器已成功处理了请求，但返回的信息可能来自另一来源
204 ----> (无内容) 服务器成功处理了请求，但没有返回任何内容
205 ---->(重置内容) 服务器成功处理了请求，但是没有返回任何内容。
206 ------>(部分内容) 服务器成功处理了部分GET请求。
第二是以三开头的代表的重定向：
300 （多种选择） 针对请求，服务器可执行多种操作，服务器可根据请求者（user agent）选择一项操作。或者提供操作列表供请求者选择。
301 （永久移动） 请求的网页已永久移动到新位置。 服务器返回此响应（对 GET 或 HEAD 请求的响应）时，会自动将请求者转到新位置。
302 （临时移动） 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。
303 （查看其他位置） 请求者应当对不同的位置使用单独的 GET 请求来检索响应时，服务器返回此代码。
304 （未修改） 自从上次请求后，请求的网页未修改过。 服务器返回此响应时，不会返回网页内容。
305 （使用代理） 请求者只能使用代理访问请求的网页。 如果服务器返回此响应，还表示请求者应使用代理。
307 （临时重定向） 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。
第三、是以4开头的http状态码表示请求出错
400 服务器不理解请求的语法。
案例：
1 由于语法格式有误，服务器无法理解此请求。不作修改，客户程序就无法重复此请求。
比如就是代码单词写错 或者是代码的的分号等一些低级错误，则会报这种错误提示
401 请求要求身份验证。 对于需要登录的网页，服务器可能返回此响应。
案例：登录不进去
错误问题1：1 此错误表明传输给服务器的证书与登录服务器所需的证书不匹配。 2 请与 Web 服务器的管理员联系，以确认您是否具有访问所请求资源的权限。
错误问题2：或者是配置的错误 比如 拦截器的错误。导致你不能进行登录。
错误原因3：用户的权限与配置不匹配。也会造成这中原因。
403 服务器拒绝请求。
404 服务器找不到请求的网页。
405 禁用请求中指定的方法。
406 无法使用请求的内容特性响应请求的网页。
407 此状态代码与 401类似，但指定请求者应当授权使用代理。
408 服务器等候请求时发生超时。
409 服务器在完成请求时发生冲突。 服务器必须在响应中包含有关冲突的信息。
410 如果请求的资源已永久删除，服务器就会返回此响应。
411 服务器不接受不含有效内容长度标头字段的请求。
412 服务器未满足请求者在请求中设置的其中一个前提条件。
413 服务器无法处理请求，因为请求实体过大，超出服务器的处理能力。
414 请求的 URI（通常为网址）过长，服务器无法处理。
415 请求的格式不受请求页面的支持。
416 如果页面无法提供请求的范围，则服务器会返回此状态代码。
417 服务器未满足”期望”请求标头字段的要求。
第四个以5开头状态码并不常见，但是我们应该知道
500 （服务器内部错误） 服务器遇到错误，无法完成请求。
501 （尚未实施） 服务器不具备完成请求的功能。 例如，服务器无法识别请求方法时可能会返回此代码。
502 （错误网关） 服务器作为网关或代理，从上游服务器收到无效响应。
503 （服务不可用） 服务器目前无法使用（由于超载或停机维护）。 通常，这只是暂时状态。
504 （网关超时） 服务器作为网关或代理，但是没有及时从上游服务器收到请求。
505 （HTTP 版本不受支持） 服务器不支持请求中所用的 HTTP 协议版本。–
---------------------------------------------------------------------------------------------
21.怎么减少页面加载时间的方法“
21.1： 压缩 css js文件
21.2：合并js css文件 减少 http请求
21.3：外部js、css文件放在最底下
21.4：减少DOM操作，尽可能用变量代替不必要的Dom擦做。
22.css优化、提高性能的方法有哪些：
22.1：加载性能
解释：一般性能是相对的， 比如一个网站一个用户感觉很快，但有的用户就感觉很慢
一种网站加载的很快，但是页面长时间不可以进行相互交互。
解决方法：以前开发者都是通过load时间来衡量性能。 load是页面生命周期中的明确的时刻。但是用户使用的时候会感觉相隔了几秒才运行出来。
通常指标的分类：
感知加载速度：页面加载完并给用户呈现了展示内容
加载响应：页面加载完到js执行。
视觉稳定性：比如在滚动的时候会不会出现双闪效果。
流畅性： 比如 动画： transition 和 animation 是否流畅。帧率是否保持在60.
解决方法：FCP LCP FID TTI TBT CLS
自定义指标性能：
22.2：选择器性能
22.3：渲染性能
22.4： 可维护性。
============================================================================================================================
原型和原型链
------------------------------------------------------------------------------------------------------------------------
this指向
1.直接调用：浏览器指向window,node 环境指向一个全局对象
2.和dom时间绑定的函数 this指向的是时间相关的dom
3.一个对象使用点来调用自身的某个函数 this指调用对象。
4.函数以call的方式调用： this执行call函数的第一个参数。
5.函数如果是以es6箭头函数方式创建，则this指向箭头函数的父级作用域
6.如果一个函数通过new的方式来调用 （被new的函数首字母大写）则this指向函数
执行前在内存中创建的的空对象；
----------------------------------------------------------------------------
arguments 函数中的 arguments 方法。 每一个函数中都有一个 内置arguments方法。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>arguments</title> 6 </head> 7 <body> 8 <!-- 函数中都有一个内置arguments方法。 9 arguments 是[类数组/伪数组]是一个特殊的数组。 10 对象也是是一个特殊的数组 11 arguments.length 表示调用是实参的个数。 12 在arguments 中调用内容 13 ---------------------------------- 14 可以是argument[index]调用 15 也可以使用arument.index()。 16 ----------------------------------- 17 但是是有些数字是不能进行调用的。所以使用的时候要按照情况进行调用。 18 19 20 1.当调用arguments的时括号里面就可以省略掉形参 21 案例 22 function neizhi(){ 23 console.log(arguments); //不需要形参也可以打印出来 24 } 25 neizhi(5,6,7); 26 2.argument 可以通过中括号加上从0开始的下标访问函数调用时传递的各个参数。 27 案例： 28 function neizhi(){ 29 console.log(argument[index]) 30 } 31 neizhi(5,6,7); 32 33 3.在函数中显示递归， 34 第一种在函数中调用有名字的函数 35 案例： function neizhi(){ 36 neizhi() // 在里面进行自身的函数。 37 } 38 第二种在函数种调用匿名函数。 这个就是argument中不常见的属性叫 callee（） 39 案例：function(){ 40 argument.callee() 就可以调用 自身这个函数 41 } 42 --> 43 <!-- 面试案例 --> 44 <script type="text/javascript"> 45 // var length = 1; 46 // var obj = { 47 // length:100, 48 // fun:function(){ 49 // arguments[0](); 50 // // arguments.0(); 51 // } 52 // } 53 // obj.fun(function(){ 54 // console.log(this.lenght); 55 // },1000) 56 57 // 最后结果时 2. this指的时argument. 58 // 59 60 </script> 61 </body> 62 </html>
作用域：
为什么要讨论作用域： 为了能够准确的判断 var 声明的变量的生命周期，为判断函数的生命周期。
全局作用域：在全局作用域中，声明创建的函数为全局变量和全局函数。
浙公网安备 33010602011771号