前端琐碎知识点复盘

前端知识散记

对于前端开发者来说，掌握扎实的知识基础是十分重要的。本文将对一些前端知识点进行复盘，希望对大家有所帮助。

一、闭包

闭包是指能够访问自由变量的函数，自由变量是指在函数外定义的变量。闭包可以用来实现数据隐藏和模块化。

二、call()、apply()、bind() 的用法

call()、apply() 和 bind() 是 JavaScript 中的三个内置函数，它们可以用来改变函数的执行上下文。

• call() 方法：调用函数，并指定函数的执行上下文。
• apply() 方法：与 call() 方法相似，但参数以数组的形式传入。
• bind() 方法：返回一个新的函数，该函数的执行上下文已被指定。

三、常见HTTP状态码

HTTP 状态码是用来指示服务器端响应状态的代码。最常见的 HTTP 状态码包括：

• 200 OK：表示请求成功。
• 404 Not Found：表示请求的资源不存在。
• 500 Internal Server Error：表示服务器端发生内部错误。

四、数组去重

数组去重是指删除数组中重复的元素。实现数组去重的方法有很多，例如：

• 使用 Set 对象：将数组元素转换为 Set 对象，然后将其转换回数组。
• 使用 indexOf() 方法：遍历数组，并使用 indexOf() 方法查找重复的元素。
• 使用 filter() 方法：使用 filter() 方法过滤重复的元素。

五、事件委托

事件委托是一种处理事件的技巧。它允许我们通过监听父元素来处理子元素上的事件。这样可以减少事件处理器的数量，并提高性能。

六、阻止默认事件

阻止默认事件可以阻止浏览器执行某些默认行为。例如，我们可以使用 preventDefault() 方法来阻止表单提交。

七、阻止事件

阻止事件可以阻止事件冒泡。例如，我们可以使用 stopPropagation() 方法来阻止事件冒泡到父元素。

八、JS中的继承

JS 中的继承可以通过以下方式实现：

• 原型继承：通过创建一个新对象，并将其原型指向另一个对象。
• 构造函数继承：通过创建一个新函数，并在其内部调用另一个函数。
• 组合继承：将原型继承和构造函数继承结合起来。

九、数组排序算法

数组排序算法有很多种，例如：

• 冒泡排序：通过比较相邻的两个元素，将较大的元素移动到后面。
• 选择排序：通过找到数组中最小的元素，并将其放在数组的开头。
• 插入排序：通过将一个元素插入到数组中的正确位置。
• 快速排序：通过将数组分成两个子数组，并递归地对子数组进行排序。

十、Promise 的使用

Promise 是 JavaScript 中用来处理异步操作的。它可以用来避免回调地狱，并使代码更易于阅读和维护。

十一、跨域

跨域是指一个域名的网页试图访问另一个域名的资源。由于安全原因，浏览器会阻止跨域请求。我们可以使用以下方法来解决跨域问题：

• 使用 CORS：CORS 是跨域资源共享的缩写，它允许不同域名的网页互相访问资源。
• 使用 JSONP：JSONP 是 JSONP 的缩写，它允许通过在 URL 中使用回调函数来跨域访问资源。
• 使用 WebSocket：WebSocket 是一个双向通信协议，它允许浏览器和服务器在建立连接后进行实时通信。