dwqs/blog

★ 3,778JavaScriptAudience · developerComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((dwqs blog))
    Topics Covered
      JavaScript basics
      CSS and layout
      React and Redux
      Vue and Vuex
    Time Span
      2014 to 2025
    Recent Topics
      LLMs and AI tools
      HarmonyOS notes
      React Native internals
    Format
      GitHub Issues
      Chinese language

mindmap root((dwqs blog)) Topics Covered JavaScript basics CSS and layout React and Redux Vue and Vuex Time Span 2014 to 2025 Recent Topics LLMs and AI tools HarmonyOS notes React Native internals Format GitHub Issues Chinese language

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Read in-depth Chinese explanations of JavaScript fundamentals like closures, scope chains, and event delegation

USE CASE 2

Study source-code walkthroughs of popular frameworks including Vue.js, Vuex, Koa, and React Native startup flow

USE CASE 3

Follow front-end evolution from basic JS through modern bundlers and AI-powered local knowledge base tools

USE CASE 4

Find practical articles on performance techniques like virtual list rendering for long lists in React and Vue

Tech stack

JavaScript

Getting it running

Difficulty · easy Time to first run · 5min

In plain English

This repository is a personal technical blog that uses GitHub Issues as the publishing platform. Each article is filed as a separate GitHub issue, and the README serves as a chronological table of contents linking to all of them. The posts are written in Chinese, covering front-end and full-stack development topics from 2014 through 2025. The archive spans about a decade of writing. Topics in the earlier years focus on JavaScript fundamentals: closures, event delegation, scope chains, how floating-point numbers work in JavaScript, and object-oriented patterns. There are also posts on CSS units, BFC layout context, and browser developer tools. Over time the focus shifted toward tooling and frameworks: Webpack configuration and migration guides, React component lifecycles and state management with Redux, Vue.js and Vuex source code walkthroughs, and vue-router internals. A few posts cover Node.js, including source code readings of the Koa web framework and its router library. The more recent entries reflect newer technology interests. Posts from 2018 cover virtual list rendering for performance (an optimization technique for displaying very long lists without slowing the browser down), mobile viewport units, and XSS and CSRF security basics. A 2019 series looks at how React Native starts up by tracing through the Hello World example. Posts from 2024 cover building a local knowledge base with large language models and text recognition using vision-based models. A 2024 entry is a set of notes from an introductory HarmonyOS course, which is Huawei's mobile operating system. The repository has no code to run or install. It is purely a reading list. If you click through any entry from the README, it takes you to the corresponding GitHub issue where the full article text lives as a comment or description.

Copy-paste prompts

Prompt 1

Based on the dwqs/blog article on JavaScript closures, explain what a closure is and give me a practical code example I can use in my own project

Prompt 2

I want to understand how Vue.js reactivity works internally. Summarize the key takeaways from the Vue.js source code walkthrough articles in dwqs/blog

Prompt 3

The blog covers XSS and CSRF security basics, explain both in plain English and show me how to protect a JavaScript front-end app from each

Prompt 4

Walk me through how React Native starts up, based on the Hello World internals walkthrough posts in the dwqs/blog GitHub Issues

Open on GitHub → Explain another repo

← dwqs on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.