How calmchang/easy-js works
EasyJs is a personal JavaScript-learning blog, accompanied by standalone browser demonstrations. The principal reader workflow is to open the blog, navigate topic material, and view rendered documentation; the bundled Docsify runtime includes routing/fetching and Markdown rendering. Separate interactive branches demonstrate DOM layout controls and 3D perspective manipulation. The README identifies the blog but does not document detailed navigation or content wiring, so those connections are shown as unverified; sampled source supports the demo interactions and plugins.
Main entry points: docsify.js Docsify runtime · layout Layout demo · transform3d/index.js 3D transform demo · theatre/index.js Perspective controls
Components 22
Blog runtime
- Docsify runtime
pluginJs/docsify.js
Learning topics
- JavaScript basics
basic - Browser topics
browser - CSS and DOM
css - DOM topics
dom - React topics
react - Vue topics
vue - Node.js topics
nodejs - Git topics
git - VS Code topics
vscode
Browser demos
- Layout demo
layout - Resize control
layout/drag.js - Size overlay
layout/domsize.js - Guide navigation
layout/guide.js - 3D transform demo
transform3d/index.js - Perspective controls
transform3d/theatre/index.js - Gesture recognizer
transform3d/hammer.js - Axis display
transform3d/axis/index.js - Perspective readout
transform3d/log/index.js
Docsify extensions
- Copy-code plugin
pluginJs/docsify-copy-code.js - Example panels
pluginJs/docsify-example-panels.js
Other components
- Blog reader
Connections 19
- Blog reader → Docsify runtime: opens blog
README.md - Docsify runtime → JavaScript basics: loads topics
- Docsify runtime → Browser topics: loads topics
- Docsify runtime → CSS and DOM: loads topics
- Docsify runtime → DOM topics: loads topics
- Docsify runtime → React topics: loads topics
- Docsify runtime → Vue topics: loads topics
- Docsify runtime → Node.js topics: loads topics
- Docsify runtime → Git topics: loads topics
- Docsify runtime → VS Code topics: loads topics
- Layout demo → Resize control: uses control
layout/drag.js - Layout demo → Size overlay: shows dimensions
layout/domsize.js - Layout demo → Guide navigation: adds navigation
layout/guide.js - Perspective controls → Gesture recognizer: recognizes gestures
transform3d/theatre/index.js - 3D transform demo → Perspective controls: configures perspective
- 3D transform demo → Axis display: shows axis
- 3D transform demo → Perspective readout: shows values
- Docsify runtime → Copy-code plugin: supports plugin
- Docsify runtime → Example panels: supports plugin