feat(docs): enhance frontend engineering content and component styling

- Register frontend engineering demo components in theme index
- Update AssetFingerprintDemo Vue imports and cleanup
- Revise "finding great idea" content from numbered list to prose format
- Expand web basics appendix with ECMAScript and TypeScript explanations
- Improve SummaryCard component styling with enhanced gradients and spacing
- Simplify BuildPipelineDemo and DependencyGraphDemo components for clarity
This commit is contained in:
sanbuphy
2026-02-13 00:36:06 +08:00
parent 36d7919da6
commit 0d12dacf8c
8 changed files with 754 additions and 1958 deletions
+20
View File
@@ -252,6 +252,16 @@ import MemoryPalaceActionDemo from './components/appendix/context-engineering/Me
import KVCacheDemo from './components/appendix/context-engineering/KVCacheDemo.vue'
import LostInMiddleDemo from './components/appendix/context-engineering/LostInMiddleDemo.vue'
// Frontend Engineering Components
import BuildPipelineDemo from './components/appendix/frontend-engineering/BuildPipelineDemo.vue'
import BundlerComparisonDemo from './components/appendix/frontend-engineering/BundlerComparisonDemo.vue'
import TreeShakingDemo from './components/appendix/frontend-engineering/TreeShakingDemo.vue'
import CodeSplittingDemo from './components/appendix/frontend-engineering/CodeSplittingDemo.vue'
import HotReloadDemo from './components/appendix/frontend-engineering/HotReloadDemo.vue'
import DependencyGraphDemo from './components/appendix/frontend-engineering/DependencyGraphDemo.vue'
import SourceMapDemo from './components/appendix/frontend-engineering/SourceMapDemo.vue'
import AssetFingerprintDemo from './components/appendix/frontend-engineering/AssetFingerprintDemo.vue'
// Agent Intro Components
import AgentWorkflowDemo from './components/appendix/agent-intro/AgentWorkflowDemo.vue'
import AgentLevelDemo from './components/appendix/agent-intro/AgentLevelDemo.vue'
@@ -693,6 +703,16 @@ export default {
app.component('KVCacheDemo', KVCacheDemo)
app.component('LostInMiddleDemo', LostInMiddleDemo)
// Frontend Engineering Components Registration
app.component('BuildPipelineDemo', BuildPipelineDemo)
app.component('BundlerComparisonDemo', BundlerComparisonDemo)
app.component('TreeShakingDemo', TreeShakingDemo)
app.component('CodeSplittingDemo', CodeSplittingDemo)
app.component('HotReloadDemo', HotReloadDemo)
app.component('DependencyGraphDemo', DependencyGraphDemo)
app.component('SourceMapDemo', SourceMapDemo)
app.component('AssetFingerprintDemo', AssetFingerprintDemo)
// Agent Intro Components Registration
app.component('AgentWorkflowDemo', AgentWorkflowDemo)
app.component('AgentLevelDemo', AgentLevelDemo)