feat(docs): enhance JavaScript runtime and browser-as-os content

refactor(demos): improve variable box, scope, and type annotation demos
style(demos): update visual styles and animations for better UX
docs(browser-as-os): restructure content with tables and practical examples
feat(demos): add new TypeScript and runtime environment demos
This commit is contained in:
sanbuphy
2026-02-17 01:39:59 +08:00
parent 9ee3312569
commit 47377646df
20 changed files with 8097 additions and 1310 deletions
+27
View File
@@ -494,6 +494,19 @@ import ThisContextDemo from './components/appendix/javascript-intro/ThisContextD
import PrototypeDemo from './components/appendix/javascript-intro/PrototypeDemo.vue'
import AsyncDemo from './components/appendix/javascript-intro/AsyncDemo.vue'
// JavaScript Runtime Components
import RuntimeEnvironmentDemo from './components/appendix/js-runtime/RuntimeEnvironmentDemo.vue'
import CallStackDemo from './components/appendix/js-runtime/CallStackDemo.vue'
import TaskQueueDemo from './components/appendix/js-runtime/TaskQueueDemo.vue'
import MemoryLeakDemo from './components/appendix/js-runtime/MemoryLeakDemo.vue'
import GarbageCollectionDemo from './components/appendix/js-runtime/GarbageCollectionDemo.vue'
// TypeScript Intro Components
import TypeAnnotationDemo from './components/appendix/typescript-intro/TypeAnnotationDemo.vue'
import InterfaceDemo from './components/appendix/typescript-intro/InterfaceDemo.vue'
import GenericDemo from './components/appendix/typescript-intro/GenericDemo.vue'
import TypeInferenceDemo from './components/appendix/typescript-intro/TypeInferenceDemo.vue'
export default {
extends: DefaultTheme,
Layout,
@@ -935,6 +948,7 @@ export default {
app.component('MacroMicroTaskDemo', MacroMicroTaskDemo)
app.component('RenderingPerformanceDemo', RenderingPerformanceDemo)
app.component('RenderingPipelineDemo', RenderingPipelineDemo)
app.component('EventLoopDemo', JSEventLoopDemo) // Alias for browser rendering context
// Cache Design Extra Components Registration
app.component('CacheArchitectureOverview', CacheArchitectureOverview)
@@ -986,6 +1000,19 @@ export default {
app.component('DOMTreeDemo', DOMTreeDemo)
app.component('AsyncRestaurantDemo', AsyncRestaurantDemo)
app.component('JSEventLoopDemo', JSEventLoopDemo)
// JavaScript Runtime Components Registration
app.component('RuntimeEnvironmentDemo', RuntimeEnvironmentDemo)
app.component('CallStackDemo', CallStackDemo)
app.component('TaskQueueDemo', TaskQueueDemo)
app.component('MemoryLeakDemo', MemoryLeakDemo)
app.component('GarbageCollectionDemo', GarbageCollectionDemo)
// TypeScript Intro Components Registration
app.component('TypeAnnotationDemo', TypeAnnotationDemo)
app.component('InterfaceDemo', InterfaceDemo)
app.component('GenericDemo', GenericDemo)
app.component('TypeInferenceDemo', TypeInferenceDemo)
},
setup() {
const route = useRoute()