zmr's Blog

MRWeb: An Exploration of Generating Multi-Page Resource-Aware Web Code from UI Designs

Background 现有的进行Web开发的design-to-code方法仅限于无外部资源连接的网页,为了解决该问题,研究人员引入了MRWeb生成任务。 面对的问题: 无既定的数据结构跟踪视觉设计元素与资源间关系 缺乏高质量MRWeb数据集 缺乏评估MRWeb性能的标准化指标 Contribution 定义MRWeb问题 资源结构示例:{position: ...

Automatically Generating UI Code from Screenshot: A Divide-and-Conquer-Based Approach

Background 目前使用手动方法将网页布局设计转换为功能性UI代码较为耗时但却是设计网页必不可少的步骤。因此我们提出了DCGen方法,以解决该问题,并进行测试验证。 Motivation 我们进行了激励性研究并确定了MLLM在将屏幕截图转换为UI代码中出现的三个主要问题:1. 元素遗漏,2. 元素失真,3. 元素排列错误。 Insight:虽然现有的MLLM无法生成准确的UI代码...

二叉堆

总结:二叉堆是一种能够动态排序的数据结构,是二叉树的一种延伸。 二叉堆的主要操作有两个:sink(下沉) 和 swim(上浮)。 二叉堆的主要运用:Priority Queue(优先级队列)与 Heap Sort(堆排序) 二叉树性质: 二叉堆是一种特殊的二叉树,这棵二叉树上的任意节点的值,都必须大于等于(或小于等于)其左右子树所有节点的值。如果是大于等于,我们称之为「大顶堆」,如果是...