Uncategorized
4.8k words
本次的核心目标是,在两张成像原理、颜色、形态截然不同的图像(H&E与荧光)之间,找到一种可靠的自动对齐方法。 实现方法一:基于稳定解剖结构的特征匹配策略 特征提取(核心创新点): H&E图像: 利用胆管腔及背景区域在H&E图像中呈现为高亮度白色的特性,通过高阈值二值化,精确提取其轮廓。 荧光图像: 利用同一结构在荧光图像中呈现为无信号黑色的特性,通过低阈值反向二值化,提取其轮廓。 特征优化: 使用形态学操作(核大小[kernel_size = 5]去除噪声,并过滤掉面积过小([min_contour_area = 100]的伪影,保证了特征的纯净度。 执行配准: 将上述提取并优化后的“特征掩码”作为输入,利用OpenCV的ECC(增强相关系数)算法,该算法对亮度线性变化不敏感,非常适合本场景。 我系统性地测试了平移、欧几里得(包含了平移、旋转和等比缩放)、仿射、透视四种变换模型,并最终根据相关系数(CC)指标,选取了最优的变换模型。 第一行:特征提取 左侧两张 (H&E): 显示了从原始H&E图中提...
Uncategorized
985 words
研发周报 - 2025年7月12日本周我主要负责作业管理详情页面的开发与联调工作,并成功解决了开发过程中遇到的一系列技术挑战,确保了新功能的顺利推进和应用的整体稳定性。 一、本周核心工作成果 基本信息展示: 完成了作业详情页面“基本信息”模块的开发,按照作业信息/应用信息/用户信息的分类清晰、完整地展示所有和作业管理有关的详情信息。 文档查看与下载:实现了“作业文档”模块的开发,支持通过弹窗在线查看和批量下载作业相关文件,并特别优化了大文件的查看体验。 二、关键技术问题攻坚与解决方案在开发过程中,我遇到并解决了一些具有代表性的技术难题,具体如下: 优化大文件的查看体验: 针由于作业文档中可能存在体积较大的文件,因此设置首次打开时仅加载部分内容以保证弹窗秒开,同时提供“加载更多”按钮,用户点击后可加载剩余全部内容,显著提升了用户体验和前端性能。 组件拆分: 为了增强代码的可读性,以及对页面性能进行进一步优化。我将整个页面拆分成了以下四个组件: BasicInfoCard:展示组件,用于展示基础信息。接收一个名为 data 的 prop,根据 data...
Uncategorized
4.8k words
用模拟数据写了一个作业管理的详情页,react可以用mock拦截前端发出去的请求,所以可以在这里放置模拟数据。给了一个类似这样的界面: 一、 页面结构设计首先确定了把整个页面拆分成三个组件(上basicinfocard下documenttablecard),还有一个根组件jobdetail来负责获取jobid,管理整体的加载状态并组织子组件的渲染。 BasicInfoCard:用于展示顶部的基础信息。 DocumentTableCard:用于展示下方的文档列表。 JobDetail:作为根组件,负责从 URL 获取 jobId,管理整体的加载状态,并组织上述子组件的渲染。 二、 数据交互与状态管理接着是和后端的交互: 1. 异步获取数据在 JobDetail 组件中,使用了 useEffect Hook。当组件首次加载或 jobId 变化时,它会自动调用 service/job.ts 中定义的接口函数 getJobDocuments,从后端异步获取文档列表数据。 2. 存储和处理数据 使用useState创建dataSource状态,用于存储从后端获取的完整文档列表。获取到数...
Uncategorized
896 words
今天看了rdp-fe这个代码库。先从route文件看起,找到一个页面就寻到这个文件下,然后根据导入一路地查看,一直到把这个页面的内容业务技术等完全搞明白,,今天就看了myapp这一个界面的,因为还不熟悉react的框架,就多看了一会,对一些函数,包括前后端的交互也有了更深入的了解。 request:私人助理,帮助处理和后端服务器通信时的杂事: 自动添加基础url:如 /app2/base_info/list_by_user,它会自动在前面拼上服务器的域名,如 http://api.example.com。 统一的认证处理:它会自动从localstorage中读取token,并把它添加到每个请求头header上,这样后端就可以知道你的身份。 统一的错误处理:它可以捕获错误,也可以理解后端自定义的业务错误。 统一数据转换:它可以自动处理请求参数的格式(比如转换成json),也可以自动解析从后端返回的json响应。 render:自定义这一列的单元格应该如何显示,比如点名册的年龄一列,如果是大等于18则显示已成年,小于则显示未成年。 record:相...
Uncategorized
8.2k words
主题: 多模态数字病理图像(H&E 与多重荧光)配准方法探索进度报告 任务目标: 对齐不同染色模态下的小鼠肝脏组织切片图像,具体包括一张来自 3DHISTECH Pannoramic 扫描仪的 H&E 染色图像(.mrsx 格式)与一张多重荧光染色图像(源文件为 .tiff.tiff 格式,包含 7 个通道)。 想象一下,你有两张部分透明的地图,一张是显示城市轮廓和主干道的“地形图”(H&E苏木精通道,主要显示细胞核的形态),另一张是只标注了所有河流位置的“水文图”(DAPI通道,专门标记细胞核DNA)。这两张图描绘的是同一个区域,但因为是分开绘制的,当你把它们叠在一起时,会发现河流并没有恰好流经城市峡谷,而是有所偏移和旋转。 图像配准(Image Registration) 的任务,就是通过电脑自动地移动、旋转、缩放这张“水文图”,直到它与“地形图”上的对应结构完美重合。 由于涉及全玻片图像(Whole Slide Images, WSI)的巨大尺寸和专有文件格式的读取挑战,本阶段的工作重点首先聚焦于在选定的局部组织区域内探索并实现有效的配准策略,为...
Uncategorized
2.8k words
尝试了一下github的自动部署网站,进入actions后new一个workflow,添加以下代码并commit: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960name: Deploy Vue Frontendon: push: branches: [ "main" ] workflow_dispatch: # 允许手动触发# 为 GITHUB_TOKEN 设置默认权限,以便部署到 GitHub Pagespermissions: contents: read # checkout 代码需要 pages: write # 部署到 GitHub Pages 需要 id-token: write # OIDC 认证需要 (actions/deploy-pages 使用)# 只允许一个并发部署,跳过在队列中等待的运行。# 但是,不要取消进行中的...
Uncategorized
395 words
仓库迁移与合并 先删除现有远程仓库1git remote remove githu 添加新仓库为远程仓库1git remote add github git@github.com:kkzyu/kkzyu.github.io.git 验证远程仓库1git remote -v 获取仓库2代码1git fetch github 合并代码(保留双方历史)1git merge github/main --allow-unrelated-histories 解决冲突(重点关注以下文件) 用编辑器处理冲突的.gitignore、package.json等 保留Gitee仓库的.gitignore规则 提交变更123git add .git commit -m "迁移完成:包含仓库2源码及网址文件"git push origin main 验证代码完整性1npm install && npm run dev # 确保能正常启动开发服务器
Uncategorized
1.1k words
Pinia 重构过程记录重构步骤 安装必要依赖 1npm install pinia 创建 Pinia Store 12345678910111213141516171819202122232425// stores/cvStore.jsimport { defineStore } from 'pinia'import { message } from 'ant-design-vue'import cvDataStructure from '@/assets/data/cv-info.json'import html2canvas from 'html2canvas'import jsPDF from 'jspdf'export const useCvStore = defineStore('cv', { state: () => ({ currentLang: 'cn...
Uncategorized
2.3k words
2025年4月28日,第一次尝试把hexo集成到个人主页中,记录一下部署过程,以及后期的更新和测试步骤。 部署过程创建hexo项目hexo是github上一个开源的博客模板,首先可以在新目录下创建一个hexo项目,然后进入该目录,执行如下命令: 1$ npm install -g hexo-cli 接着进行一个初始化,进行初始化之后会创建一个新的hexo项目,自动克隆hexo-start和landscape主题: 123$ hexo init myblog$ cd myblog$ npm install 初始化之后,项目文件夹如下所示:.├── _config.yml(网站配置文件,以下的修改调整主要在这个文件下进行)├── package.json├── scaffolds├── source| ├── _drafts| └── _posts└── themes 本地测试默认地址是http://localhost:4000/ 1$ hexo server 选择主题hexo默认的主题比较简约,但它提供了非常多的模板,在https://hexo.io/themes/上可...