# 3d号 **Repository Path**: bo-wencang/3d-number ## Basic Information - **Project Name**: 3d号 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-02-06 - **Last Updated**: 2026-04-09 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # H5数字组合分析工具 基于iOS版本的数字组合分析工具的H5静态页面实现，采用现代化的玻璃拟态设计风格。 ## 功能特性 ### 🔐 用户系统 - 简单的登录验证 - 用户状态管理 - 本地存储支持 ### 📊 数据输入与处理 - 支持任意分隔符的数字序列输入 - 自动提取3位数字（000-999） - 实时数字计数显示 - **数字统计和频次分析** - **可视化图表展示（柱状图、折线图、饼图）** - **可排序的统计表格** - 支持排序模式（对数字内部排序） - **多格式数据导出（TXT、CSV、图表PNG）** - 剪贴板操作支持 - **按出现次数阈值筛选和复制** ### ⚙️ 多种筛选功能 - **012路筛选**: 根据数字除以3的余数进行分路筛选 - **断组筛选**: 根据位置排除规则筛选 - **断直选**: 直选断组筛选 - **定位筛选**: 按位置包含/排除数字 - **和值筛选**: 按数字和值筛选（0-27） - **两码和值**: 两位数字组合和值筛选 - **跨度筛选**: 最大最小数字差值筛选（0-9） - **跨度详细版**: 详细跨度分析 - **奇偶筛选**: 按奇偶性组合筛选 - **大小筛选**: 按数字大小组合筛选 - **重复筛选**: 重复数字筛选 - **分解筛选**: 数字分解筛选 - **组合排除**: 组合排除筛选 ### 📈 结果管理与分析 - **操作记录管理（启用/禁用/删除）** - **多条件叠加筛选** - **结果类型筛选（组三/组六/豹子）** - **实时筛选结果显示** - **详细的结果统计分析** - **结果项选择功能** - **筛选基准设置** - **智能分析报告生成** ### 🕒 历史功能 - 历史开奖数据查看（3D/排3） - 模拟数据展示 ### ⚙️ 高级功能 - **应用设置面板** - **数据分析弹窗** - **图表可视化控制** - **导出设置配置** - **操作记录导出** - **分析报告导出** ### 🎨 设计特色 - 现代玻璃拟态风格（Glassmorphism） - 深色/浅色主题切换 - 响应式设计，支持移动端 - 流畅的动画效果 - 霓虹发光效果 - **模态框和侧边面板** - **交互式图表和控件** ## 技术栈 - **HTML5**: 语义化标签，现代Web标准 - **CSS3**: - CSS Grid & Flexbox布局 - CSS变量主题系统 - 玻璃拟态效果 - 响应式设计 - 动画与过渡效果 - **JavaScript ES6+**: - 模块化架构 - 类与状态管理 - 异步操作 - 本地存储 - 剪贴板API ## 项目结构 ``` h5-digital-analysis/ ├── index.html # 主页面 ├── css/ │ ├── styles.css # 基础样式和布局 │ ├── components.css # 组件样式 │ └── themes.css # 主题系统 ├── js/ │ ├── app.js # 主应用逻辑和状态管理 │ ├── functions.js # 功能模块实现 │ └── filters.js # 筛选算法实现 └── README.md # 项目说明 ``` ## 快速开始 1. **直接打开** ```bash # 在浏览器中打开 index.html open index.html ``` 2. **本地服务器**（推荐） ```bash # 使用Python python -m http.server 8000 # 使用Node.js npx serve . # 使用PHP php -S localhost:8000 ``` 3. **访问应用** - 打开浏览器访问 `http://localhost:8000` - 使用任意用户名和密码登录 ## 使用说明 ### 登录 - 输入任意用户名和密码即可登录 - 支持显示/隐藏密码功能 ### 数据输入 1. 在"大底"页面的文本框中输入数字序列 2. 支持各种分隔符：空格、逗号、分号等 3. 点击"处理并可视化"查看统计结果 4. 可以导出统计数据为TXT文件 ### 功能使用 1. 切换到"功能"页面 2. 选择需要的筛选功能 3. 配置筛选参数 4. 点击"记录"按钮添加到操作记录 ### 执行筛选 1. 在"结果"页面配置结果类型 2. 点击"执行筛选"查看最终结果 3. 结果支持复制和导出 ## 功能详解 ### 012路筛选 - **0路**: 数字0、3、6、9（除以3余0） - **1路**: 数字1、4、7（除以3余1） - **2路**: 数字2、5、8（除以3余2） - 支持多种路组合：01路、02路、12路、单路、全路 ### 断组筛选 - 按百位、十位、个位设置排除数字 - 支持扩展规则和基础规则 - 灵活的组合排除逻辑 ### 定位筛选 - 每个位置可设置包含或排除模式 - 精确的位置匹配 - 支持多位置组合条件 ### 和值筛选 - 计算三位数字之和（0-27） - 支持包含和排除两种模式 - 直观的和值选择界面 ### 跨度筛选 - 计算最大数字与最小数字的差值 - 范围0-9 - 支持包含和排除模式 ### 奇偶筛选 - 六种奇偶组合：奇奇奇、偶偶偶、奇偶奇、偶奇偶、奇偶偶、偶偶奇 - 直观的组合选择 - 实时预览效果 ## 浏览器兼容性 - Chrome 80+ - Firefox 75+ - Safari 13+ - Edge 80+ ## 移动端支持 - 响应式设计，完美适配手机和平板 - 触摸友好的交互设计 - 优化的移动端布局 ## 主题系统 - **浅色主题**: 清新明亮，适合白天使用 - **深色主题**: 护眼舒适，适合夜间使用 - 一键切换，状态持久化 - 系统级主题跟随支持 ## 性能优化 - 纯静态页面，加载速度快 - 高效的筛选算法 - 合理的DOM操作 - 内存友好的数据处理 ## 开发说明 ### 状态管理 使用`AppState`类进行统一的状态管理，包括： - 用户状态 - 数据状态 - 筛选配置 - 操作记录 ### 模块化设计 - `app.js`: 核心应用逻辑 - `functions.js`: 功能模块实现 - `filters.js`: 筛选算法实现 ### 样式架构 - `styles.css`: 基础样式和布局 - `components.css`: 可复用组件 - `themes.css`: 主题系统 ## 与iOS版本的对应关系 | iOS功能 | H5实现 | 状态 | |---------|--------|------| | 登录系统 | ✅ 简化版 | 完成 | | 数据输入 | ✅ 完整功能 | 完成 | | 数据统计 | ✅ 增强版（图表+表格） | 完成 | | 012路筛选 | ✅ 完整功能 | 完成 | | 断组筛选 | ✅ 完整功能 | 完成 | | 断直选 | ✅ 完整功能 | 完成 | | 定位筛选 | ✅ 完整功能 | 完成 | | 和值筛选 | ✅ 完整功能 | 完成 | | 两码和值 | ✅ 完整功能 | 完成 | | 跨度筛选 | ✅ 完整功能 | 完成 | | 跨度详细版 | ✅ 完整功能 | 完成 | | 奇偶筛选 | ✅ 完整功能 | 完成 | | 大小筛选 | ✅ 完整功能 | 完成 | | 重复筛选 | ✅ 完整功能 | 完成 | | 分解筛选 | ✅ 完整功能 | 完成 | | 组合排除 | ✅ 完整功能 | 完成 | | 操作记录 | ✅ 增强版（启用/禁用） | 完成 | | 结果筛选 | ✅ 完整功能 | 完成 | | 结果分析 | ✅ 增强版（详细报告） | 完成 | | 主题切换 | ✅ 完整功能 | 完成 | | 历史开奖 | ✅ 模拟数据 | 完成 | | 设置面板 | ✅ 新增功能 | 完成 | ## ✅ 功能完成状态 ### 🎯 核心筛选功能（13个） - ✅ **012路筛选**: 根据数字除以3的余数进行分路筛选 - ✅ **断组筛选**: 根据位置排除规则筛选 - ✅ **断直选**: 严格按位置匹配排除筛选 - ✅ **定位筛选**: 按位置包含/排除数字 - ✅ **和值筛选**: 按数字和值筛选（0-27） - ✅ **两码和值**: 任意两位数字相加个位数筛选 - ✅ **跨度筛选**: 最大最小数字差值筛选（0-9） - ✅ **跨度详细版**: 所有相邻数字差值筛选 - ✅ **奇偶筛选**: 按奇偶性组合筛选 - ✅ **大小筛选**: 按数字大小组合筛选 - ✅ **重复筛选**: 按重复类型和包含数字筛选 - ✅ **分解筛选**: 数字分组筛选（A组B组不能全包含） - ✅ **组合排除**: 指定位置组合排除筛选 ### 📊 数据处理功能 - ✅ **数据输入**: 支持任意分隔符的数字序列输入 - ✅ **数据统计**: 频次统计和可视化分析 - ✅ **图表展示**: 柱状图、折线图、饼图 - ✅ **表格排序**: 可排序的统计表格 - ✅ **阈值筛选**: 按出现次数筛选和复制 ### 🔧 操作管理功能 - ✅ **操作记录**: 完整的操作记录管理系统 - ✅ **记录控制**: 启用/禁用/删除操作记录 - ✅ **多条件叠加**: 支持多个筛选条件组合 - ✅ **筛选基准**: 设置和使用筛选基准 ### 📈 结果分析功能 - ✅ **结果筛选**: 按组三/组六/豹子类型筛选 - ✅ **智能分析**: 详细的统计分析报告 - ✅ **结果选择**: 可选择的结果项 - ✅ **分析报告**: 基本统计、特征分析、分布特征 ### 💾 导出功能 - ✅ **多格式导出**: TXT、CSV、JSON、PNG - ✅ **图表导出**: 将统计图表导出为图片 - ✅ **分析导出**: 导出详细分析报告 - ✅ **记录导出**: 导出操作记录 ### ⚙️ 系统功能 - ✅ **用户系统**: 登录验证和状态管理 - ✅ **主题切换**: 深色/浅色主题 - ✅ **设置面板**: 完整的应用设置系统 - ✅ **历史功能**: 历史开奖数据查看 - ✅ **响应式设计**: 完美支持移动端 ### 🎨 界面功能 - ✅ **玻璃拟态设计**: 现代化UI风格 - ✅ **交互动画**: 流畅的过渡效果 - ✅ **模态框系统**: 分析弹窗和设置面板 - ✅ **Toast消息**: 操作反馈提示 - ✅ **加载状态**: 完整的加载和空状态处理 ## 后续计划 - [ ] 真实的历史开奖数据接口 - [ ] 更多图表类型和可视化选项 - [ ] PWA支持和离线功能 - [ ] 数据同步和云存储 - [ ] 更多筛选算法优化 - [ ] 批量操作功能 ## 许可证 MIT License ## 贡献 欢迎提交Issue和Pull Request来改进这个项目。