一篇弄清楚JavaScript中的 this到底指向谁
为什么要有this 1.为了让对象中的函数有能力访问对象自己的属性。 例子 如果我们想要在对象内部方法中使用对象内部的属性，就像图中的代码，它是可以在C语言里运行的，但是在JS中不可行，JS它需要使用this机制来访问（图中的myName） 2.this可以显著的提升代码质量，减少上下文参数的传递。 这种显示传参的方法有点啰嗦，如果我们采用this的话，那么就会优雅，方便很多。 运行结果是一样的 this的使用场景 可以产生作用域的地方...
不用 JS，轻松锁定页面滚动！
那么，该如何锁定页面的滚动呢？ 一、传统的实现方式 传统的方式其实也不复杂，就是在打开弹窗时阻止滚动就行了，通常是改变 属性 \ 如果是在现代框架里，比如 ，可以用监听弹窗状态来实现 这样就能锁定滚动了 二、传统方式的局限 虽然上面的实现看似完美，其实还有潜在问题的。比如有多个弹窗，弹窗覆盖的情况下，这个时候锁定就会出问题了。 因为在关闭第二个弹窗的时候，页面已经解除锁定了，所以在第一个弹窗还在的时候，页面已经可以滚动了 如果想要优化这...
不了解事件循环EventLoop的不是一个好前端er
JavaScript是单线程的脚本语言，意味着它一次只能执行一个任务。然而，现代Web应用常常需要处理异步操作，如网络请求、定时器等，为了让线程不阻塞，Event Loop出现了，它是JavaScript引擎管理异步操作的核心机制。 在Event Loop的学习之前，我们得先弄懂 栈与队列 这两种数据结构以及JavaScript中的 宏任务与微任务 。 栈(stack) ：一种先进后出的数据结构，就像一个桶，最先放的得最后才能拿出来。...
js核心之async和await的本质
先有问题再有答案 1. 2. 3. 4. 5. 6. 7. 前置文章 1. 2. 3. 设计目的 async/await 的设计主要是为了简化JavaScript的异步编程和提高代码的可读性和可维护性。 在JavaScript中处理异步操作，早期主要依赖于回调函数(callbacks)和事件监听，但这导致代码很容易陷入“回调地狱”，即回调函数套回调函数，使得代码难以阅读和理解。 后来Promise应运而生，虽然它改善了异步操作的书写方式...
JavaScript 原型与原型链，继承
1\. 原型 ：每个构造函数都有一个原型对象 prototype prototype 属性是一个指针，指向一个对象，该对象包含所有实例共享的属性和方法。 ：原型对象都包含一个指向构造函数的指针 constructor ：当调用构造函数创建一个新实例，该实例的内部将包含一个 \ \ proto\ \ 属性，指向构造函数的原型对象 所有的引用类型（数组、对象、函数）都有一个 \ \ proto\ \ 属性 2\. 使用构造函数创建对象 创建...
用最简洁的大白话把 Vue 原理讲清楚！
哈喽，大家好 我是 👨🏻💻。面试经常被问 Vue 原理？ 那么怎么用比较简短的话语把 和面试官讲清楚呢 🤔？ 大部分前端开发在 的过程中，应该都会遇到面试官问各种 的问题。 就拿 来说，底层原理涉及到的概念和知识点很多，包括 、 、 、 、 、 、 等。 面试官一般都没有 的时间来听我们一句一句的 ！ 那么我们如何在有限的时间内， 的把 Vue 原理解释清楚呢？🤔 核心： ！！！ Vue 的 及到一些更深入的概念，主要包括以...
post为什么会发送两次请求？
\# 同源策略 在浏览器中，内容是很开放的，任何资源都可以接入其中，如 JavaScript 文件、图片、音频、视频等资源，甚至可以下载其他站点的可执行文件。 但也不是说浏览器就是完全自由的，如果不加以控制，就会出现一些不可控的局面，例如会出现一些安全问题，如： 跨站脚本攻击（XSS） SQL 注入攻击 OS 命令注入攻击 HTTP 首部注入攻击 跨站点请求伪造（CSRF） 等等… 如果这些都没有限制的话，对于我们用户而言，是相对危险的...
localStorage是同步还是异步的？为什么
点赞 \+ 收藏 === 学会🤣🤣🤣 首先明确一点，localStorage是同步的 是 Web Storage API 的一部分，它提供了一种存储键值对的机制。 的数据是持久存储在用户的硬盘上的，而不是内存。这意味着即使用户关闭浏览器或电脑， 中的数据也不会丢失，除非主动清除浏览器缓存或者使用代码删除。 当你通过 JavaScript 访问 时，浏览器会从硬盘中读取数据或向硬盘写入数据。然而，在读写操作期间，数据可能会被暂时存放...
JavaScript 中最难理解的三个知识点
哈喽,大家好 我是 👨🏻💻。今天来来和大家聊聊前端面试中最难的三座大山，分别指： ， ， 💪 原型与原型链 说到 ，就不得不提一下 ，首先我们看下面一个简单的例子： \ 首先创造空的对象，再让 指向这个对象，通过 进行赋值，最终返回 ，这其实也是 一个对象的过程。 其实： 是 的语法糖； 是 的语法糖； 是 的语法糖。 那什么是原型那？ 在 js 中，所有对象都是 的实例，并继承 的属性和方法，但是有一些是隐性的。 我们来看一...