Mr.Ding's Technical Blog

website·Indexed 30 days ago

https://dyywork.github.io/blog/

A collection of technical notes and guides covering full-stack development, including JavaScript (Event Loop, design patterns, this keyword), React (Hooks, component read-only props), Vue 2 (component libraries, Tree Shaking), Redis (caching patterns, TTL, data structures), MySQL (table design, indexing, aggregate functions), Java (Spring Boot layered architecture, Stream API, Lambda expressions), and Git branch management.

Tokens
88.6K
Snippets
446
Records
573
Agent score
72%

What's inside Mr.Ding's Blog

  1. Overview of the blog knowledge base structure

    The blog project is a personal technical knowledge base built with VuePress. Documentation is organized by categories including http, vue, react, css, js, git, performance, canvas, regExp, softExamination, tool, and weixin. Manual entry of notes requires creating a markdown file in docs/document/{category}/, writing frontmatter, and updating both navbar.ts and sidebar.ts for navigation and sidebar links.
  2. Overview of JavaScript Design Pattern Categories

    Design patterns in JavaScript are reusable solutions for object-oriented development. They are generally categorized into four main types based on their intent:

    1. Creational Patterns: Control how objects are created (e.g., Singleton, Factory, Constructor, Prototype).
    2. Structural Patterns: Organize how objects are composed and accessed (e.g., Proxy, Decorator, Adapter, DAO).
    3. Behavioral Patterns: Manage communication and responsibility distribution between objects (e.g., Observer, Publish-Subscribe, Strategy, Command, Delegation, Chain of Responsibility).
    4. Architectural Patterns: Organize the separation of business logic and views (e.g., MVC, MVVM).
  3. Overview of JavaScript Design Pattern Categories

    Design patterns in JavaScript are reusable solutions for object-oriented development, categorized into four primary types based on their intent:

    1. Creational Patterns: Control how objects are created (e.g., Singleton, Factory, Constructor, Prototype).
    2. Structural Patterns: Organize how objects are composed and accessed (e.g., Proxy, Decorator, Adapter, DAO).
    3. Behavioral Patterns: Manage communication and responsibility distribution between objects (e.g., Observer, Pub/Sub, Strategy, Command, Delegation, Chain of Responsibility).
    4. Architectural Patterns: Organize the layering of business logic and views (e.g., MVC, MVVM).
  4. Overview of JavaScript Design Pattern Categories

    Design patterns in JavaScript are reusable solutions for object-oriented development. They are generally categorized into four main types based on their core intent:

    • Creational Patterns: Control the way objects are created (e.g., Singleton, Factory, Constructor, Prototype).
    • Structural Patterns: Organize how objects are composed and accessed (e.g., Proxy, Decorator, Adapter, DAO).
    • Behavioral Patterns: Manage communication and responsibility distribution between objects (e.g., Observer, Pub/Sub, Strategy, Command, Delegation, Chain of Responsibility).
    • Architectural Patterns: Organize the separation between business logic and views (e.g., MVC, MVVM).
  5. Overview of JavaScript Design Pattern Categories

    Design patterns in JavaScript are reusable solutions for object-oriented development. They are generally categorized into four main types based on their intent: Creational (controlling object creation), Structural (organizing object composition and access), Behavioral (managing communication and responsibility between objects), and Architectural (layering business logic and views).
    CategoryPatternsCore Intent
    CreationalSingleton, Factory, Constructor, PrototypeControl object creation methods
    StructuralProxy, Decorator, Adapter, DAOOrganize object composition and access
    BehavioralObserver, Pub/Sub, Strategy, Command, Delegate, Chain of ResponsibilityObject communication and responsibility allocation
    ArchitecturalMVC, MVVMLayered organization of business and views
  6. Overview of Verdaccio private npm registry

    Verdaccio is a lightweight private npm proxy registry built with Node.js. It allows developers to host a private registry within a local area network (LAN) to manage private packages without uploading them to the public npm registry. Key features include:

    • Permission management for publishing and downloading packages.
    • Local caching of public npm packages to accelerate subsequent downloads.
    • Full compatibility with npm, yarn, and pnpm.
    • Support for Docker and Kubernetes.
  7. Overview of JavaScript Design Pattern Categories

    Design patterns in JavaScript are reusable solutions for object-oriented development. They are generally categorized into four main types based on their intent:

    1. Creational Patterns: Control the way objects are created (e.g., Singleton, Factory, Constructor, Prototype).
    2. Structural Patterns: Organize the composition and access of objects (e.g., Proxy, Decorator, Adapter, DAO).
    3. Behavioral Patterns: Manage communication and responsibility distribution between objects (e.g., Observer, Publish-Subscribe, Strategy, Command, Delegation, Chain of Responsibility).
    4. Architectural Patterns: Organize the layering of business logic and views (e.g., MVC, MVVM).
  8. Overview of Redis Data Types and Underlying Structures

    Redis provides several data types, each implemented with specific underlying data structures to optimize performance for different use cases. The mapping between the Redis type, its internal implementation, and a high-level programming analogy is as follows:

    • String: Implemented as dynamic strings; analogous to a basic string or number.
    • List: Implemented using doubly linked lists or compressed lists; analogous to an Array with push/pop operations.
    • Hash: Implemented as a hash table; analogous to a Map<string, string>.
    • Set: Implemented as a hash table; analogous to a Set.
    • Zset (Sorted Set): Implemented using a combination of skip lists and hash tables; analogous to a sorted Set that maintains automatic ordering.
  9. Overview of the blog-note automation tool

    The blog-note tool is designed to streamline the process of adding technical notes to a VuePress-based personal knowledge base. It allows users to record notes from any project using the /blog-note command, which automates the creation of markdown files and the updating of navigation configurations.
  10. Introduction to Verdaccio as a private npm registry

    Verdaccio is a lightweight private npm proxy registry built with Node.js. It allows developers to host their own npm packages privately while proxying requests to the public npm registry for external dependencies.