没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/release/download_crawler_static/89474802/bg1.jpg)
JS 篇
1. 闭包
定义:在外部开源访问函数内部变量
作用:避免全局污染
缺点:使用过多会造成内存泄漏(占用的内存释放不掉)
2. JS 的本地存储有哪些
sessionStorage:当关闭浏览器后清除,可存储数据<5mb
cookie:在设置的过期时间内一直有效,关闭也生效
localStorage:永久有效
3.原型,继承,原形链
定义:对象实例的隐式原型指向创建的对象的构造原型对
象,这样一层一层的指向关系形成的链叫做原型链
4.this 的指向
函数运行时的所在对象
箭头函数指向函数定义时所在的对象
5.跨域的三种解决方式
本地 porxy
jsonp
nginx
nginx 正反向代理区别
Nginx 的正向代理和反向代理是其最常用的功能,但是它们的定义和工作方式有所不同。
1. 正向代理:
![](https://csdnimg.cn/release/download_crawler_static/89474802/bg2.jpg)
正向代理是一个位于客户端和原始服务器之间的服务器,所有客户端的请求都首先发送到正向
代理服务器,然后由代理服务器将请求转发到原始服务器。正向代理的目的是为了隐藏客户端
的信息。
Nginx 不是默认的正向代理服务器,但可以通过配置来实现正向代理的功能。以下是一个简单
的 Nginx 配置示例,用于设置 Nginx 作为正向代理服务器:
server {
listen 3128;
location / {
proxy_pass http://$http_host$request_uri;
proxy_set_header Host $http_host;
proxy_connect_timeout 10s;
proxy_read_timeout 10s;
}
}
2. 反向代理:
反向代理是一个服务器接收客户端的请求,然后将请求转发到一个或多个后端服务器,并将从
后端服务器接收的结果返回给客户端。反向代理的目的是为了负载均衡和提供服务器的高可用
性。
Nginx 是默认的反向代理服务器。以下是一个简单的 Nginx 配置示例,用于设置 Nginx 作为反
向代理服务器:
upstream backend {
server backend1.example.com;
server backend2.example.com;
}
server {
listen 80;
location / {
proxy_pass http://backend;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
在这个配置中,Nginx 监听 80 端口,并将接收到的请求转发到在 upstream 指令中定义的后
端服务器。
总结:
正向代理:代理客户端,隐藏真实的请求端。
反向代理:代理服务器端,提供负载均衡、高可用等功能。
![](https://csdnimg.cn/release/download_crawler_static/89474802/bg3.jpg)
6.call 和 apply 的用法
作用:调用一个对象的一个方法,用另一个对象替换当前
对象
fun.call(this,arg1,arg2…..)
fun.apply(this,[arg1,…])
7. for in 循环和 for of 循环的区别
for-in 是 ES5 标准,遍历的是 key(可遍历对象、数组或
字符串的 key);
for-of 是 ES6 标准,遍历的是 value(可遍历对象、数组或
字符串的 value)
8. js 中的深拷贝和浅拷贝
深拷贝: JSON.Stringfy-JSON.parse,deep_clone
浅拷贝:object.assin()
9. 从打开浏览器输入网址,到页面显示出来经历了什么
1. 缓存解析
2. 域名解析
3. tcp 连接
4.服务器接收
![](https://csdnimg.cn/release/download_crawler_static/89474802/bg4.jpg)
10.事件委托/事件代理
事件冒泡,如果一个容器内很多元素都要绑定点击事件,那么
值需要在他们的父容易绑定一个点击事件即可,利用事件的冒泡
传播机制,传递到子容器
11. 线程和进程
线程是最小的执行单元,进程是最小的资源管理单元,一个线程
只能属于一个进程,一个进程对应多个线程最为常见
12.如何实现数组的扁平化
es6 的 flat()
递归
13. 防抖和节流
防抖(debounce):当持续触发事件时,保证只执行最后
一次事件处理函数
function debounce(fn, delay) { let timer; return function (...args)
{ clearTimeout(timer); timer = setTimeout(() =>
{ fn(...args); }, delay); };
节流(throttle):当持续触发事件时,保证一定时间段内只
调用一次事件处理函数
function throttle(fn, delay) { let lastExecutionTime = 0; return function(...args)
{ const currentTime = Date.now() if (currentTime - lastExecutionTime >= delay)
{ fn(...args); lastExecutionTime = currentTime; } };
![](https://csdnimg.cn/release/download_crawler_static/89474802/bg5.jpg)
14. js 中的 event loop(事件循环)
js 作为单线程语言,运行中的代码会被加入到执行栈中,如
果遇到异步代码,会被加入到任务队列中,等主线执行完成,
evenloop 就会从任务队列中取出队列中的代码放入执行栈
中。
异步任务分为宏任务和微任务
宏任务:整体的 script,settimeout,setinterval
微任务:promise,process.nextTick, MutationObserver
如果微任务列表里面有任务 会执行完毕后在执行宏任务
15. 原型链污染
如果攻击者控制并修改了一个对象的原型,那么将可以影响
所有和这个对象来自同一个类、父祖类的对象。这种攻击方
式就是原型链污染。
`16. async await 函数
async 函数返回一个 Promise 对象,所以 await 可以用
于等待一个 async 函数的返回值
17. JS 基础类型和复杂类型
基 础 数 据 类 型 String 、 Number 、 Boolean 、 Null 、
undefined、Symbol、BigInt
引用类型 Object Array function
剩余147页未读,继续阅读
资源评论
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/default.jpg!1)
m0_59729840
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)