前端 - 掘金

this 不是你想的 this：从作用域迷失到调用栈掌控

JavaScript 中的 this 与作用域常被混淆。本文深入剖析：变量查找靠词法作用域，而 this 完全由调用方式决定——从普通调用、隐式绑定、显式绑定到 new 和 DOM 事件，告别我认为。

有意义
30
14

this 不是你想的 this：从作用域迷失到调用栈掌控

别被 JS 骗了！终极指南：JS 类型转换真相大揭秘

== VS === 在讲解之前我们先看一个有意思的东西，==和===，你说这俩有啥区别吗，不都是一样的用吗？ a == 1和a === 1难道结果还不一样吗？很多情况下确实是没啥区别，但是你觉得官方会

别被 JS 骗了！终极指南：JS 类型转换真相大揭秘

深入理解 JavaScript 原型链与继承机制：从 instanceof 到多种继承模式

深入理解 JavaScript 原型链与继承机制：从 instanceof 到多种继承模式在 JavaScript 的面向对象编程（OOP）体系中，原型（prototype）和原型链是核心机制。不同

Yira
18
8

JavaScript 执行机制深度解析：从 V8 引擎到作用域链、变量提升与闭包的全面剖析

深入解析 JavaScript 执行机制，涵盖变量提升、作用域链、执行上下文及 let/const 块级作用域，结合 V8 引擎原理与真实代码，揭示 var 缺陷与闭包本质，助你掌握 JS 底层逻辑

AAA阿giao
43
12

JavaScript 执行机制深度解析：从 V8 引擎到作用域链、变量提升与闭包的全面剖析

JavaScript 底层探秘：从执行上下文看 `this` 的设计哲学与箭头函数的救赎

在 JavaScript 的学习过程中，this 关键字往往是最令人困惑的机制之一。很多开发者分不清“作用域链”查找变量和 this 指向的区别。本文将结合 V8 引擎的执行上下文（Executi

San30
51
24

JavaScript 底层探秘：从执行上下文看 `this` 的设计哲学与箭头函数的救赎

如何用隐形字符给公司内部文档加盲水印?(抓内鬼神器🤣)

大家好😁。上个月，我们公司的内部敏感文档（PRD）截图，竟然出现在了竞品的群里。老板大发雷霆，要求技术部彻查：到底是谁泄露出去的？😠 但问题是，文档是纯文本的，截图上也没有任何显式的水印（那种写着

ErpanOmer
3.3k
52

如何用隐形字符给公司内部文档加盲水印?(抓内鬼神器🤣)

JavaScript核心机制：执行栈、作用域与this指向完全解析

JavaScript作为一门灵活而强大的语言，其底层运行机制常常让开发者感到困惑。为什么变量有时能访问，有时不能？为什么this的指向会"飘忽不定"？

JavaScript核心机制：执行栈、作用域与this指向完全解析

2025前端面试题-JavaScript基础篇

以下为JavaScript基础篇面试考察点总结，具体知识点不会太详细，主要梳理面试核心考察点，为面试做准备。掌握这些基础知识，不仅是完成日常工作的基本要求，更是未来向中高级发展的基石。

EB_Coder
185
4

2025前端面试题-JavaScript基础篇

女朋友换头像比翻书快？我3天肝出一个去水印小工具

我女朋友天天泡小红书，看到好看的图就想当头像。可小红书的图都带水印，她嫌截图裁剪太麻烦。有一天直接甩给我一句：“你是程序员，给我想个办法把水印弄掉！” 得，女朋友发话，那就干呗。花三天时间，整了个去水

女朋友换头像比翻书快？我3天肝出一个去水印小工具

深入 JavaScript 原型与面向对象：从对象字面量到类语法糖

JavaScript 采用独特的原型继承机制实现面向对象编程。通过构造函数和原型对象，实例共享方法和属性，避免了内存浪费。ES6 的 class 语法仅是原型继承的语法糖，底层依然基于原型链。理解原型

San30
83
27

深入 JavaScript 原型与面向对象：从对象字面量到类语法糖

JavaScript 面向对象编程：从对象字面量到原型链继承，全链路彻底讲透

JavaScript 的面向对象从来都不是“类”的天下，而是原型的天堂。本文从最原始的对象字面量开始，一步步带你看清构造函数、prototype、原型链、继承的全貌，搞懂 JS 真正面向对象的底层机制

gustt
73
26

前端JS脚本放在head与body是如何影响加载的以及优化策略

JS放在不同位置确实有重要区别！这涉及到页面加载性能、用户体验和代码执行时机等多个方面。 1. 基础区别放在 <head> 中特点：脚本会阻塞HTML解析 DOM元素还未创建，无法直接操作会延

JS面向对象：从"猫"的视角看JavaScript的OOP进化史

JS非真OOP，是"猫式对象语言"。ES6 class是语法糖，底层原型链。解原型链，优雅地喵喵~从"喵喵叫"到"会说话"的进化。

晴栀ay
89
21

JS面向对象：从"猫"的视角看JavaScript的OOP进化史

彻底弄懂KeepAlive

开发过Vue应用的同学对KeepAlive功能应该都不陌生了，但是大家对它的理解是只停留在知道怎么用的阶段还是说清晰的知道它内部的实现细节呢?

季礼祥
96
1

我只改了个头像，为什么整个后台系统都闪了一下？

前言：一个悲伤的故事那是上个周五的下午，阳光明媚，空气中弥漫着“即将放假”的快乐气息。产品经理（PM）跑过来跟前端说：“哎，咱们那个后台管理系统，右上角的头像点一下能不能加个‘在线状态’切换？就‘

我只改了个头像，为什么整个后台系统都闪了一下？

黑马喽大闹天宫与JavaScript的寻亲记：作用域与作用域链全解析

黑马喽大闹天宫与JavaScript的寻亲记：作用域与作用域链全解析 📖 第一章：黑马喽的嚣张岁月话说在前端江湖的ES5时代，有个叫var的黑马喽，这家伙简直无法无天！它想来就来，想走就走

AY1024
952
42

黑马喽大闹天宫与JavaScript的寻亲记：作用域与作用域链全解析

面试复盘：谈谈你对原型、原型链、构造函数、实例、继承的理解

谈谈你对原型、原型链、构造函数、实例、继承的理解构造函数（constuctors）:为了批量创建对象，我们会用首字母大写的函数来定义构造函数，functon Person(name,age){ t

第 22 题：Teleport 的作用、原理和使用场景

第 22 题：Teleport 的作用、原理和使用场景 🎯 一、Teleport 是什么？简单说：渲染在别处数据作用域不变逻辑依然属于当前组件 🎯 二、Teleport 的语法 to="" 指

前端一课
64
点赞

关于Gulp，你学这些就够了

Gulp 是一个基于流（Stream）的构建工具，用于自动化前端开发中的常见任务（如文件压缩、编译、自动化测试等）。它的设计理念是将任务流程处理成数据流，通过管道（Pipeline）处理数据，以达到自

第 25 题：说一下 Vue3 的 keep-alive 原理？缓存是怎么做的？

第 24 题：说一下 Vue3 的 keep-alive 原理？缓存是怎么做的？一、核心回答（面试最想听的版本） <keep-alive> 是 Vue3 的一个内置组件，用来缓存组件的实例，避免组