业务和功能介绍
本项目是一款面向高中生物教学的交互式遗传系谱图学习工具，帮助学生直观理解孟德尔遗传规律、绘制系谱图并计算子代患病概率。
核心功能模块包括：
1. 人物管理系统：支持添加、编辑、删除家族成员，设置姓名、性别、世代、患病状态及基因型。
2. 四种遗传模式：常染色体隐性(AR)、常染色体显性(AD)、X连锁隐性(XLR)、X连锁显性(XLD)。
3. 可视化系谱图：SVG动态绘制家族关系图，方形代表男性、圆形代表女性、实心表示患病，自动生成父母-子代连线，支持缩放与拖拽。
4. 子代概率计算器：根据父母基因型自动计算子代患病、携带和正常的概率，支持指定子代性别或按1:1加权计算。
5. 数据持久化：支持导出/导入JSON格式系谱数据，方便保存与分享。
6. 深色/浅色主题切换：自动适应系统偏好或手动切换。
核心功能模块包括：
1. 人物管理系统：支持添加、编辑、删除家族成员，设置姓名、性别、世代、患病状态及基因型。
2. 四种遗传模式：常染色体隐性(AR)、常染色体显性(AD)、X连锁隐性(XLR)、X连锁显性(XLD)。
3. 可视化系谱图：SVG动态绘制家族关系图，方形代表男性、圆形代表女性、实心表示患病，自动生成父母-子代连线，支持缩放与拖拽。
4. 子代概率计算器：根据父母基因型自动计算子代患病、携带和正常的概率，支持指定子代性别或按1:1加权计算。
5. 数据持久化：支持导出/导入JSON格式系谱数据，方便保存与分享。
6. 深色/浅色主题切换：自动适应系统偏好或手动切换。
项目实现
本项目采用原生HTML/CSS/JavaScript实现，零依赖，核心使用SVG动态绘图与遗传学概率算法。
我的主要工作包括：
1. 整体架构设计：单页面应用结构，左侧为人物编辑面板，右侧为SVG系谱图画布，底部为概率计算器。
2. SVG系谱图引擎：手写布局算法（按世代分层、自动计算节点坐标），动态生成父母-子代连线，支持节点点击回填编辑、hover信息提示。
3. 遗传概率计算引擎：实现完整的孟德尔遗传模拟算法，处理配子生成、基因型组合、表现型判定，支持常染色体和性染色体遗传的四种模式。
4. 画布交互系统：实现鼠标拖拽平移、滚轮缩放（以光标为中心）、空格键平移等交互，缩放范围限制0.3x-3x。
5. 基因型动态选择：根据当前遗传模式和人物性别，动态生成可选基因型列表，降低学习门槛。
6. 数据导入导出：JSON格式保存/加载系谱数据，便于课堂分享和作业提交。
遇到的难点：X连锁遗传的性别差异计算逻辑较为复杂，通过拆分配子生成、表现型判定为独立函数解决；SVG画布拖拽与节点点击事件的冲突，通过事件目标判断和g元素层级管理解决。
我的主要工作包括：
1. 整体架构设计：单页面应用结构，左侧为人物编辑面板，右侧为SVG系谱图画布，底部为概率计算器。
2. SVG系谱图引擎：手写布局算法（按世代分层、自动计算节点坐标），动态生成父母-子代连线，支持节点点击回填编辑、hover信息提示。
3. 遗传概率计算引擎：实现完整的孟德尔遗传模拟算法，处理配子生成、基因型组合、表现型判定，支持常染色体和性染色体遗传的四种模式。
4. 画布交互系统：实现鼠标拖拽平移、滚轮缩放（以光标为中心）、空格键平移等交互，缩放范围限制0.3x-3x。
5. 基因型动态选择：根据当前遗传模式和人物性别，动态生成可选基因型列表，降低学习门槛。
6. 数据导入导出：JSON格式保存/加载系谱数据，便于课堂分享和作业提交。
遇到的难点：X连锁遗传的性别差异计算逻辑较为复杂，通过拆分配子生成、表现型判定为独立函数解决；SVG画布拖拽与节点点击事件的冲突，通过事件目标判断和g元素层级管理解决。
示例图片视频
相似推荐
共享电车
公司发展共享电车业务
核心功能：电车盒子iot接入，支持多个厂家多个协议的盒子。用户使用小程序用车并支付费用，app日常运维换电挪车调度报修上下架，数据报表统计，包括支付统计，用车统计，换电统计，调度统计，用户画像等。
业务流程：用户在小程序上下单用车，支付车费，运维人员使用app进行车辆调度换电维修，管理人员查看数据分析和运营报表。
公交大屏调度-大型活动
该系统主要分为调度指挥平台、生产要素两大版块，调度指挥平台主要分为首页，道
路管制，运输服务等模块，实现人车线，各种大型活动流程实时监控调度。生产要素
实现对人车线，场站等资源的可视化管理。
C++ 控制台图书信息管理系统-图书管理小程序
本项目面向高校课程设计需求，实现图书信息全生命周期管理，包含图书新增、按编号 / 书名检索、信息修改、数据删除、全量信息浏览五大核心功能；程序启动自动从本地 txt 文件加载历史数据，完成操作后自动落地保存，搭配彩色边框美化菜单，提升交互观感，适配课程作业交付场景。
基于数字车钥匙车辆管理系统
传统车辆管理存在实体钥匙易丢失、转借无记录、权限无法精准管控、用车流程繁琐、车辆使用数据无追溯、运维成本高等问题。本方案整合BLE低功耗蓝牙、PKI密钥加密、云端分布式管理等核心技术，将实体钥匙功能迁移至手机、智能穿戴设备、智能终端等载体，实现
1、无感开关车门
2、车辆远程管控
3、数字钥匙使用分时授权、权限回收
4、车辆状态监测
5、相关统计流程
智能小家电研发与制造-浦尔乐
一、核心业务功能
1. 技术研发与专利布局
方向：空气净化、温湿平衡、除菌除螨、低噪节能。
代表专利：水循环取暖系统、电磁圈加热装置、低温等离子除菌模块等 2. 智能硬件产品矩阵
浦尔乐净化 BOX（桌面 / 车载）
四重净化：初效滤网 + H12 HEPA + 活性炭 + 等离子，PM2.5 / 二手烟去除率 99.9%，杀菌率 97%+。
智能传感：自动检测空气质量并调速，三色灯可视化；双涡轮静音，车载 / 桌面两用。智能烟灰缸
水过滤 + 等离子双重净化，溶解 97% 焦油 / 尼古丁，异味清除率 90%+；可水洗滤网，低成本耗材。除菌护理机（衣柜用）
低温等离子0 耗材除螨除菌，无化学残留；智能湿度监测自动防霉，适配衣柜 / 母婴柜 水循环取暖系统
水暖散热 + 风扇对流，低噪恒温；适配家用 / 小型商用，已获实用新型专利。
3. 环控系统解决方案
首创 “六维环控体系”（温度、湿度、空气洁净度、气流、除菌、除味），面向家庭、办公、车载等场景提供一站式环境优化方案。
4. 数字化与供应链服务
子公司橙空电子（与小米谷仓合资）负责研发 + 生产 + 销售全链路，提供 ODM/OEM 服务，覆盖家电、智能硬件、环境设备等品类。
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服