SheetLens v2.1.0 拆分工程化 + 体验极致

v2.1.0 拆分工程化 + 体验极致

重构

• 单文件 2.6MB → 拆为多文件工程（HTML / CSS / JS / vendor / data）
• index.html 瘦身 2.34MB → 24KB
• vendor 库本地内联：ECharts / SheetJS / DataV GeoJSON
• 60+ CSS 设计 token（颜色 / 间距 / 字号 / 动效 / 层级）
• ECharts var() 渲染失败 bug 修复（cssv() helper）

修复

• race bug：chinaGeoLoaded TDZ + mapChart 异步守卫
• file:// 协议 fetch 受限（用 .js wrapper 解决）

新增

• 暗色 mode 自发光 / 暖色光晕 / 星空感光斑 / 金色金属边光
• 亮色 mode 对称暗色视觉增强
• 响应式 3 断点（1024 / 768 / 480）
• 键盘快捷键（/ 搜索 / 1/2/3 切 tab / Ctrl+Z 撤销 / Ctrl+E 导出 / T 切主题 / ? 帮助）
• 分享 URL（filter 序列化到 hash，可分享可恢复）
• Loading skeleton + PDF 导出 + Ripple
• 快捷键 onboarding 第 5 步

测试

• 6 个 Playwright E2E 测试，6/6 通过
• 0 PAGE-ERR

详细见 CHANGELOG.md

v2.0.0 — UI全面升级 + Bug修复

✨ v2.0.0 — UI 全面升级

🎨 UI/UX 优化

• ⌨️ 键盘可访问性：focus-visible 焦点环
• 📜 自定义滚动条样式
• ♿ prefers-reduced-motion 动画减弱
• 📱 响应式布局优化
• 🖨️ 打印样式支持

🐛 Bug 修复

• 多项逻辑错误修复
• UI 一致性和交互体验优化

📦 技术改进

• CSS 自定义属性统一管理
• 6 项目共享设计系统
• 所有项目独立可用，零依赖

SheetLens v1.5.0 — 视觉体验极致化

🎨 视觉体验极致化

新增

• Demo 模式：内嵌13条示例数据，无需上传即可体验完整产品能力
• 布局匹配骨架屏：shimmer 闪烁动画，暗色模式适配
• 页眉 + 主内容区 stagger 入场动画
• 6项微交互：标签切换过渡、筛选脉冲反馈、按钮弹簧效果、Toast 微缩放、上传区脉冲光环、评分条 reveal 动画
• Issue/PR 模板

修复

• CSS --spring 变量未定义（11处过渡从失效→生效）
• 页面入场动画选择器错误
• 重复 #exitOverlay

🤖 Generated with Claude Code

sheet-lens 1.4.0 — Apple风格设计重构

Apple 风格设计重构

• 暖砂岩底色 + 毛玻璃卡片 + 氛围光球背景
• SF Pro 字体层级，去 emoji 装饰
• spring 动画曲线（cubic-bezier 0.22/0.1/0.2/1）
• 页面入场/退场过渡动画
• 自适应网格布局，填满屏幕宽度
• 卡片 hover 上浮 + 彩色发光边框
• 统一 toast 毛玻璃风格

SheetLens v1.2.0 — 离线化 + 评分引擎升级

🔌 SheetJS + ECharts 内嵌，断网可用
🗺 DataV GeoJSON localStorage 缓存
🎯 词边界匹配 + 对数招录曲线 + 地区亲和度
⚖ 权重优化: 专业25/学历20/招录15/政治15/经验15/地区10

SheetLens v1.1.0 — 工程化加固

SheetLens v1.1.0

性能优化

• CDN 预连接: bootcdn + aliyun preconnect，省 ~300ms
• 加载骨架屏: 脉冲进度条，CDN 就绪后自动淡出
• 模糊搜索缓存: 内嵌 Map 缓存，重复匹配零开销

错误处理

• 文件 >30MB 警告 · 格式拒绝 · 空文件提示 · CDN 非阻塞轮询

Bug 修复

• 上传后表格自动渲染（不再需要手动点筛选）
• CDN 检查改为非阻塞轮询，不再误判导致白屏

内嵌测试

• ?test=1 模式，8 个核心算法测试用例

详见 README.

v1.0.0 稳定版

SheetLens v1.0.0

首个稳定版本。84KB 单文件 HTML，双击即用。

核心功能

• 📂 拖拽上传 .xlsx/.xls，多Sheet自动遍历
• 🔍 5字段筛选 + 模糊搜索 + 自动补全
• ⭐ 5维100分智能评分
• 🗺 8张图表（地图+7维分析），7套独立配色
• 📋 分页表格 · 排序 · 详情弹窗 · 岗位对比 · CSV导出
• 🌙 暗色模式 · 撤销 · 筛选记忆 · 新手引导

技术栈

纯HTML+原生JS，零构建工具。ECharts 5.5 + SheetJS 0.18.5 (CDN)。

验证

2026年国考真实数据交叉验证通过（20,714岗/38,119人/31省）。

附件

下载下方 index.html 即可使用。examples/ 目录下有脱敏样例数据。