[{"data":1,"prerenderedAt":112},["ShallowReactive",2],{"notes-list":3},[4,61],{"id":5,"title":6,"body":7,"cover":43,"description":44,"draft":45,"extension":46,"featured":47,"meta":48,"navigation":47,"order":49,"path":50,"publishedAt":51,"readingTime":52,"seo":53,"stem":54,"summary":55,"tags":56,"__hash__":60},"notes\u002Fnotes\u002Fcesium-performance-tips.md","Cesium 页面接入前先划清 SSR 边界",{"type":8,"value":9,"toc":37},"minimark",[10,14,18,21],[11,12,13],"h2",{"id":13},"为什么先处理边界",[15,16,17],"p",{},"如果一开始就把 Cesium 直接写进页面顶层，往往会同时影响 SSR 兼容性、首页性能和后续维护难度。",[11,19,20],{"id":20},"当前项目里的策略",[22,23,24,28,31,34],"ul",{},[25,26,27],"li",{},"首页只展示内容入口",[25,29,30],{},"Demo 列表不加载引擎",[25,32,33],{},"详情页保留 SSR 页面壳",[25,35,36],{},"真正运行时只放在客户端容器中",{"title":38,"searchDepth":39,"depth":39,"links":40},"",2,[41,42],{"id":13,"depth":39,"text":13},{"id":20,"depth":39,"text":20},null,"记录在 Nuxt 中接入 Cesium 页面时，如何先定义好 SSR 与客户端运行边界。",false,"md",true,{},1,"\u002Fnotes\u002Fcesium-performance-tips","2026-04-16","4 min",{"title":6,"description":44},"notes\u002Fcesium-performance-tips","在作品集型站点中，最先需要解决的不是效果本身，而是“哪些页面承担内容，哪些页面承担运行时”。",[57,58,59],"Cesium","Nuxt","SSR","CL83B22QHMnqWG37UjoNyb4PPK4W0l1oknomLNIfA8o",{"id":62,"title":63,"body":64,"cover":43,"description":101,"draft":45,"extension":46,"featured":45,"meta":102,"navigation":47,"order":39,"path":103,"publishedAt":51,"readingTime":104,"seo":105,"stem":106,"summary":107,"tags":108,"__hash__":111},"notes\u002Fnotes\u002Fnuxt-client-only-3d.md","Nuxt 中组织 ClientOnly 3D 页面的一种稳定方式",{"type":8,"value":65,"toc":97},[66,69,91,94],[11,67,68],{"id":68},"推荐分层",[70,71,72,79,85],"ol",{},[25,73,74,78],{},[75,76,77],"code",{},"content\u002Fdemos"," 负责 Demo 描述与分类",[25,80,81,84],{},[75,82,83],{},"demos\u002Fregistry.ts"," 负责 slug 到客户端组件的映射",[25,86,87,90],{},[75,88,89],{},"ClientOnly"," 容器负责真正挂载运行时代码",[11,92,93],{"id":93},"这样做的好处",[15,95,96],{},"这样页面结构、内容组织和运行时边界都能保持清晰，后续再替换占位组件也不会牵动整个站点。",{"title":38,"searchDepth":39,"depth":39,"links":98},[99,100],{"id":68,"depth":39,"text":68},{"id":93,"depth":39,"text":93},"记录在 Nuxt 作品集中组织 ClientOnly 三维 Demo 的页面结构和注册思路。",{},"\u002Fnotes\u002Fnuxt-client-only-3d","5 min",{"title":63,"description":101},"notes\u002Fnuxt-client-only-3d","通过 content 负责说明文案、registry 负责组件映射、ClientOnly 负责运行边界，可以让 3D Demo 长期扩展而不影响主站结构。",[109,110,89],"Nuxt 4","Three.js","dLf-6mm67gHgmNPwd03_KQkdQ1fTOLkMKejONs7K3M4",1776351484159]