基于元素查询的模块化响应式Web设计
软件工程
2015-11-05 v1 编程语言
摘要
响应式Web设计（RWD）使Web应用能够适应不同设备的特性（如屏幕尺寸），这对移动浏览十分重要。如今，支持此种适应性的唯一W3C标准是CSS媒体查询。然而，使用媒体查询无法以模块化方式创建应用，因为响应式元素总是依赖于全局上下文。因此，响应式元素仅能在全局上下文完全相同时被复用，严重限制了其可复用性。这使得开发大型响应式应用极具挑战，因为缺乏真正的模块化使得某些需求变更无法实现或实现代价高昂。本文扩展RWD以纳入响应式模块，即基于局部上下文独立于全局上下文调整设计的模块。我们提出实现该方法的ELQ项目。ELQ是所谓元素查询（element queries）的一种新颖实现，其推广了媒体查询。重要的是，我们的设计符合现有Web规范，从而支持大规模采用。ELQ设计为可使用插件高度扩展。实验结果显示核心算法相较先前方法加速比达37倍。
引用
@article{arxiv.1511.01223,
title = {Modular Responsive Web Design using Element Queries},
author = {Lucas Wiener and Tomas Ekholm and Philipp Haller},
journal= {arXiv preprint arXiv:1511.01223},
year = {2015}
}