DOCSEARCHbyAlgolia
Submit Docs

Mr. Duan's Technical Knowledge Base

website·Indexed 30 days ago

https://mister-duan.github.io

A collection of technical notes and guides covering a wide range of programming languages and tools, including JavaScript, TypeScript, Python, Java, C++, Vue, React, Android development, and system administration tools like Nginx, Git, and Linux.

Tokens
375.1K
Snippets
2.1K
Records
2.9K
Agent score
75%

What's inside Mr. Duan's Blog

  1. Overview of Markdown

    Markdown is a lightweight markup language with the .md file extension designed for easy reading and writing. It uses simple punctuation-based syntax to format plain text, making it ideal for writing web content, blog posts, and software documentation (e.g., README.md). It can also be converted into other formats like LaTeX, Word, and presentation slides.

  2. Overview of the Mini-App Development Framework

    The Mini-App framework simplifies UI development by replacing complex coding processes with the creation of simple YAML files. This approach lowers the entry barrier for developers, as they only need to provide specific parameters and values in a YAML format to render the interface, rather than implementing styles or functional logic manually. The YAML files are designed to be self-descriptive, allowing individuals without a deep development background to understand the page structure after reading the documentation.

  3. Overview of Ajax (Asynchronous JavaScript and XML)

    Ajax is a development method that allows web pages to update content asynchronously by exchanging data with a server in the background. It became a standard for modern websites (Web 2.0) following its extensive use in Google Maps in 2005.

  4. Overview of Visual Studio Code (VS Code)

    Visual Studio Code (VS Code) is a free, open-source, cross-platform, and lightweight code editor. It is characterized by high performance and extensive language support. Its primary strength is its massive community and comprehensive plugin ecosystem, allowing developers to add almost any functionality via extensions. While highly capable, its extension settings interface is better suited for experienced developers than beginners.

  5. Overview of common UNIX distributions

    Various versions of UNIX exist, catering to different needs:

    • Solaris: A major branch that runs on both SPARC and x86 CPU platforms. Known for high availability and reliability in server markets.
    • FreeBSD: Derived from the University of California, Berkeley version of UNIX. It is highly stable and efficient for servers, though it has less comprehensive hardware support for desktops than Linux. It uses the BSD license, allowing its code to be integrated into other products (e.g., macOS is based on FreeBSD).
    • Other versions: Include IBM AIX and HP-UX.

  6. Overview of async functions

    Introduced in ES2017, async functions are syntactic sugar for Generator functions. They simplify asynchronous code by providing a built-in executor, clearer semantics (async and await instead of * and yield), and broader applicability (allowing await to be used with both Promise objects and primitive values). Unlike Generator functions, which return an Iterator, async functions always return a Promise.

  7. Overview of ES6 Modules (ESM)

    ES6 Modules provide a standardized module system for JavaScript that works in both browsers and servers. Unlike CommonJS or AMD, which use 'runtime loading' (loading a module as an object and accessing properties), ES6 Modules use 'compile-time loading' (static loading). This allows the dependency graph and input/output variables to be determined during compilation, enabling static optimization, macros, and type checking.

  8. Overview of GitHub Actions

    GitHub Actions is an event-driven platform that allows developers to automate, customize, and execute software development workflows (such as CI/CD) directly within a GitHub repository. It enables the creation and sharing of 'actions'—independent scripts that can be combined into custom workflows to automate tasks like building, testing, packaging, releasing, or deploying projects.

  9. Overview of CSS Media Queries

    Media queries allow developers to apply CSS styles conditionally based on device types (e.g., print vs. screen) or specific device characteristics (e.g., screen resolution, viewport width). They can be implemented in three primary ways:

    1. Using the @media rule within CSS files.
    2. Using the @import rule with a media query.
    3. Using the media attribute on HTML elements like <link>, <style>, and <source>.
    <link rel="stylesheet" src="styles.css" media="screen" />
<link rel="stylesheet" src="styles.css" media="print" />

  10. Overview of GitHub Pages static site hosting

    GitHub Pages is a static site hosting service that allows you to host HTML, CSS, and JavaScript files directly from a GitHub repository. It can either serve files as-is or run them through a build process before publishing. Sites can be hosted using the default github.io domain provided by GitHub or on a custom domain.

  11. Introduction to CSS Grid Layout

    CSS Grid is a powerful two-dimensional layout system that divides a webpage into a grid of rows and columns. Unlike Flexbox, which is a one-dimensional axis-based layout, Grid allows for precise control over both columns and rows simultaneously, making it suitable for complex web layouts.

  12. Overview of mainstream browser JavaScript support

    Different browsers vary in their support for JavaScript APIs (e.g., AJAX, File interface) and ES6 standards. Key browser characteristics include:

    • Chrome: Uses V8 engine; supports ES6 via auto-updates.
    • Safari: Webkit-based; supports ES6 (since macOS 10.7 Lion v6.1).
    • Firefox: Uses Gecko engine and OdinMonkey; supports ES6 via auto-updates.
    • IE 6-11: Poor W3C support; ES6 support started from IE10.
    • Mobile (iOS/Android): Primarily Safari and Chrome (Webkit-based), providing strong ES6 and HTML5 support.
    • Domestic/Third-party browsers: Often act as shells for IE or use 'dual-core' (IE and Webkit) architectures.