# yygmind/blog **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/yygmind-blog).** 10,615 stars · 1,093 forks ## Links - GitHub: https://github.com/yygmind/blog - Homepage: https://muyiy.cn/blog/ - awesome-repositories: https://awesome-repositories.com/repository/yygmind-blog.md ## Topics `advance` `blog` `css` `html` `javascript` `react` `vue` ## Description This repository is a curated knowledge base focused on core JavaScript fundamentals, specifically designed for frontend interview preparation. It provides structured explanations of essential concepts including closures, prototype chains, execution contexts, and memory management, serving as a reference for developers seeking to deepen their understanding of the language's inner workings. The content covers a range of practical JavaScript topics, including object copying techniques (shallow and deep copy), event handling optimization through throttle and debounce patterns, and functional programming patterns like higher-order functions and currying. It also offers detailed guides on mastering `this` binding rules and navigating prototype chains, with step-by-step tutorials and visual explanations for complex topics like execution context management and memory allocation tracing. The project is built as a static site using a Markdown-to-HTML pipeline with file-based routing and template engine integration, bundling assets at build time for efficient delivery. The documentation surface includes dedicated tutorials for deep copying, execution contexts, prototype chains, and throttle/debounce patterns, all organized as a frontend interview knowledge base. ## Tags ### Education & Learning Resources - [JavaScript Interview Preparations](https://awesome-repositories.com/f/education-learning-resources/interview-preparation/javascript-interview-preparations.md) — Prepares for frontend job interviews by mastering core JavaScript concepts like execution contexts and prototype chains. ### Part of an Awesome List - [Scope and Closures](https://awesome-repositories.com/f/awesome-lists/devtools/scope-and-closures.md) — Understands how lexical scope chains work and how closures capture and retain variable references. ([source](https://cdn.jsdelivr.net/gh/yygmind/blog@master/README.md)) ### Development Tools & Productivity - [JavaScript Execution Contexts](https://awesome-repositories.com/f/development-tools-productivity/execution-context-management/javascript-execution-contexts.md) — Explains how JavaScript creates and manages execution contexts and the call stack. ([source](https://cdn.jsdelivr.net/gh/yygmind/blog@master/README.md)) ### Programming Languages & Runtimes - [Prototype Chain Navigation](https://awesome-repositories.com/f/programming-languages-runtimes/class-blueprint-definitions/object-prototypes/prototype-chain-navigation.md) — Navigates constructors, prototypes, and the prototype chain to understand inheritance patterns. ([source](https://cdn.jsdelivr.net/gh/yygmind/blog@master/README.md)) - [Function Context Binding](https://awesome-repositories.com/f/programming-languages-runtimes/function-context-binding.md) — Applies the five ways to bind this in JavaScript, including arrow functions and call/apply/bind. - [Explicit This Binding Techniques](https://awesome-repositories.com/f/programming-languages-runtimes/function-context-binding/explicit-this-binding-techniques.md) — Masters the five rules that determine the value of this in different function call patterns. ([source](https://cdn.jsdelivr.net/gh/yygmind/blog@master/README.md)) - [Static This-Context Typing](https://awesome-repositories.com/f/programming-languages-runtimes/function-context-management/static-this-context-typing.md) — Masters the five rules that determine the value of this in different function call patterns. ([source](https://cdn.jsdelivr.net/gh/yygmind/blog@master/README.md)) - [Scope Chain Management](https://awesome-repositories.com/f/programming-languages-runtimes/variable-scope-controls/scope-chain-management.md) — Understands how scope chains form and how closures capture variables from outer functions. ([source](https://cdn.jsdelivr.net/gh/yygmind/blog@master/README.md)) - [Functional Programming Patterns](https://awesome-repositories.com/f/programming-languages-runtimes/functional-programming-patterns.md) — Applies higher-order functions, currying, and custom array method implementations for composable code. - [Higher Order Function Implementation](https://awesome-repositories.com/f/programming-languages-runtimes/higher-order-function-implementation.md) — Applies functions that take or return other functions, including currying and array methods. ([source](https://cdn.jsdelivr.net/gh/yygmind/blog@master/README.md)) ### Software Engineering & Architecture - [Event Debouncing](https://awesome-repositories.com/f/software-engineering-architecture/event-performance-utilities/event-debouncing.md) — Practical patterns for limiting function execution frequency using throttle and debounce techniques in event handling. ([source](https://cdn.jsdelivr.net/gh/yygmind/blog@master/README.md)) - [Deep Copy Utilities](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/data-handling-throughput/zero-copy-mechanisms/deep-copy-utilities.md) — Provides tutorials on shallow and deep copying techniques for objects and arrays. ([source](https://cdn.jsdelivr.net/gh/yygmind/blog@master/README.md)) - [JavaScript Deep Copy Guides](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/data-handling-throughput/zero-copy-mechanisms/deep-copy-utilities/javascript-deep-copy-guides.md) — Step-by-step walkthrough of shallow and deep copying techniques for objects and arrays in JavaScript. - [JavaScript Object Copying Guides](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/data-handling-throughput/zero-copy-mechanisms/deep-copy-utilities/javascript-object-copying-guides.md) — Copying objects in JavaScript using shallow or deep copy methods for data manipulation without unintended mutations. ### Operating Systems & Systems Programming - [JavaScript Memory Leak Detection](https://awesome-repositories.com/f/operating-systems-systems-programming/kernel-core-internals/process-and-memory-management/memory-management/allocation-strategies/dynamic-memory-allocation/memory-allocation-tracers/javascript-memory-leak-detection.md) — Tracing memory allocation and detecting leak patterns in JavaScript applications to optimize resource usage. ([source](https://cdn.jsdelivr.net/gh/yygmind/blog@master/README.md))