DOCSEARCHbyAlgolia
Submit Docs

Migrated Blog

website·Indexed 30 days ago

https://jinfazhu-mygit.github.io/migrated_blog/

A technical blog featuring articles on frontend development, including VuePress, React Native, Vite, Webpack, Koa, and MySQL. Topics cover SEO, state management with MobX and Redux, Echarts configuration, and JavaScript sorting algorithms.

Tokens
132.4K
Snippets
626
Records
808
Agent score
75%

What's inside Migrated Blog

  1. Overview of Scalable Vector Graphics (SVG)

    SVG (Scalable Vector Graphics) is an XML-based vector image format used for defining 2D graphics, supporting interaction and animation. Unlike raster images, SVG can be scaled without loss of quality and is compressible. It is ideal for logos, icons, geometric designs, data charts (bar, line, pie, scatter), and large-screen visualization pages. It can be manipulated via JavaScript for line animations and transitions, or via CSS animations and built-in SMIL animations.

  2. Overview of webpack as a static module bundler

    webpack is a static module bundler for modern JavaScript applications. It allows developers to use modular development patterns (ES Modules, CommonJS, AMD) and advanced features like ES6+, TypeScript, and CSS preprocessors (Sass, Less). It processes the application by starting from an entry point and building a dependency graph of all required modules (JS, CSS, images, fonts), bundling only the modules actually used into static assets for deployment.

  3. Overview of Redux Core Concepts

    Redux is a predictable JavaScript state container for managing application state. It can be used with React or other UI libraries (e.g., Vue). Key components include:

    • Store: A central object that stores the application state for data sharing.
    • Action: Plain JavaScript objects that describe how the state should change. They must be dispatched via store.dispatch().
    • Reducer: A pure function that takes the current state and an action, then returns a new state. It defines how the state responds to specific actions.

  4. Overview of Apache ECharts features

    Apache ECharts is a data visualization library that provides over 20 built-in chart types and numerous components that can be combined. It features a dual rendering engine allowing users to switch between Canvas and SVG, supporting smooth interaction with millions of data points via incremental rendering. The library is configuration-driven, meaning charts are generated by writing configuration objects, and it is supported by an active community providing various third-party plugins.

  5. Overview of Pinia state management

    Pinia is a state management library for Vue that allows for global state sharing across components and pages. It is designed to be a simpler, more intuitive replacement for Vuex (effectively serving as the successor to Vuex 5). It is compatible with both Vue 2 and Vue 3 and provides strong TypeScript type inference support. Unlike Vuex, Pinia removes the need for mutations and nested module structures, opting for a flat store architecture without namespaces.

  6. Overview of Apache ECharts features

    Apache ECharts is a powerful charting and visualization library that provides the following core capabilities:

    • Extensive Chart Types: Over 20 built-in chart types and a dozen components that can be combined flexibly.
    • Dual Rendering Engines: Supports one-click switching between Canvas and SVG engines, utilizing incremental rendering to handle millions of data points with smooth interaction.
    • Declarative Configuration: Charts are generated by writing configuration objects, making it easy to get started and integrate into various environments.
    • Active Ecosystem: A strong community that contributes third-party plugins for diverse use cases.

  7. Overview of Node.js utility modules

    Node.js provides several built-in utility modules for system and network operations:

    • os: Basic operating system operations.
    • net: Low-level network communication (TCP/UDP) for servers and clients.
    • dns: Domain name resolution.
    • domain: Simplifies exception handling for asynchronous code that try...catch cannot capture.

  8. Overview of Apache ECharts features

    Apache ECharts is a powerful charting and visualization library that provides over 20 built-in chart types and a variety of components that can be combined. It features a dual rendering engine supporting both Canvas and SVG with one-click switching, enabling smooth interaction with millions of data points via incremental rendering. The library is configuration-driven, allowing users to generate charts by writing configuration objects, and is supported by an active community providing numerous third-party plugins.

  9. Overview of Scalable Vector Graphics (SVG)

    Scalable Vector Graphics (SVG) is an XML-based format used for defining two-dimensional graphics. Developed by the W3C since 1998, SVG allows images to be scaled proportionally without loss of quality and supports compression. Because it is based on XML, SVG files can be created and edited using text editors or vector graphics software and can be rendered directly in web browsers. SVG also supports interactivity and animation.

  10. Understanding Heap Data Structures

    A Heap is a specialized tree-based data structure implemented as a Complete Binary Tree (a full binary tree where nodes are filled from left to right on the last level).

    There are two primary types of binary heaps:

    • Min Heap: Every node is less than or equal to its children.
    • Max Heap: Every node is greater than or equal to its children.

  11. Understand algorithm time and space complexity

    Algorithm optimization typically focuses on minimizing time and space complexity.

    Space Complexity in Recursion vs. Iteration:

    • Recursive Algorithms: Each call allocates a new stack frame in memory. For example, a recursive linked list reversal has a space complexity of O(n), where n is the recursion depth.
    • Iterative Algorithms: These do not require additional space allocation per iteration, resulting in a space complexity of O(1).

    Optimization Strategies:

    • Minimize space usage (optimize space complexity).
    • Minimize execution time (optimize time complexity).
    • Trade-offs: Use 'space for time' or 'time for space' depending on the specific constraints.

  12. Understand the Event Bus (Observer Pattern) architecture

    An Event Bus is an implementation of the Observer pattern that acts as a central hub for communication between different parts of an application. It consists of three primary roles:

    • Publisher: The entity that emits an event.
    • Subscriber: The entity that listens for a specific event and executes a handler function in response.
    • Event Bus: The mediator that manages the mapping between events and their respective subscribers.