Files
visual-vue-v1/.codebuddy/memory/2026-07-26.md
T
2026-07-26 14:07:47 +08:00

2.6 KiB
Raw Blame History

2026-07-26 工作日志

Vue3+TS+Vite 改造 — 全部完成 ✅

今日完成

  • 06government 04-09 全部重做(前一版会话产物在 /tmp 已丢失;05 用 vendored Highcharts assets/highcharts.js+hunanMap.js,07 用高德地图动态加载,08 用 iframe 嵌 fqMap.svg + .contents() 访问 svg)
  • 07universal 01-08(comon0 系列模板、设备监控模板、粉色 ECharts 模板、联心菜市场、山东地图模板)
  • 08bigData 01-05(01 用 vendored echarts 2.x echarts-all.js 全局 echarts + bootstrap-table 插件 vendor;04 工程模板;05 浙江地图)
  • 09others 01-13 共 15 路由(02 Vue2 模板转直出 DOM;04 echarts-wordcloud vendor;08 echarts-gl 3D 地球需 glob.ts 先注入 window.echarts 再动态/顺序 import gl;09 百度地图 ak 动态加载 + bmap.min.js;12 工业物联网含 Vue2 数据绑定,提取 scnData.ts 注入 setup)
  • 10layout 01-11 纯布局骨架批量生成
  • 收尾:templates.ts 77 个卡片链接全部改为 /dashboard/... 路由;预览图迁移至 public/previews/<cat>/;删除 public/resource/ 原始代码目录;链接-路由交叉校验 77/77 通过;vue-tsc 0 错误;vite build 通过(dist 91MB)

最终规模

  • 85 条路由,66 个大屏模板 + 子页面,全部 self-contained 于 src/dashboards/<cat>/<id>/
  • 依赖:echarts@4.9 + @types/echarts、jquery+@types/jquery、echarts-liquidfill@2.0.6、vue-router@4

修复模式备忘(复用价值高)

  • UMD 剥壳 perl -0777 两种头:function (exports, echarts) { 带空格与不带空格变体都要处理,尾 })); 与 }); 变体;剥后必查顶层 return; 守卫
  • 批量提取脚本统一包装:initPage(): () => void 返回清理函数,hook window.setInterval/setTimeout/addEventListener 收集定时器与监听
  • 通用 echarts 清理:document.querySelectorAll('div[_echarts_instance_]') + echarts.getInstanceByDom().dispose()
  • 原站容错但构建器拒绝的写法:css 嵌套规则、游离 */、[;...;] IE hack、max-width: : 100%、keyframes 名加引号、url(./images/line\(1\).png) 转义括号、模板里 </a>/</ul> 多余闭合、缺 </div>
  • body 提取常见残留:<script> 片段、</head>、<body>、内联 <style>(迁移到组件 scoped style)
  • 数据文件 js 需补 ; 结尾;UMD 数据数组注意开头 [ 被 sed 行号截掉的问题
  • 首页预览图路径修复:templates.ts 中所有 image 路径去掉多余的 /images/ 段,从 /previews/<cat>/images/xx.png 改为 /previews/<cat>/xx.png,与 public/previews/ 实际目录结构一致。