哪里可以找到有关布局管理器如何工作的信息（布局管理器内部）？

Question

回答或链接到某个页面，其中包含有关布局管理器如何工作的信息（布局管理器内部）？

总的来说。用于在浏览器中放置2d（普通）组件。我想在javascript中为应用程序框架构建一个布局管理器

Answer 1

假设我掌握了你的问题，布局管理员执行的典型任务就是：

• 跟踪每个布局组件的位置信息。在浏览器中可以指出你可以映射css定位top，left，absolute，relative等的关系。包括边距，填充，边框等的影响。

• 这可能被视为同一点，但跟踪图层（通常是您的情况下的z-index）也很重要。

• 跟踪形状信息，通常是盒子的高度和宽度
• 跟踪哪些组件具有“活动元素”，例如脚本，动画，表单或嵌入
• 跟踪哪些组件必须附加到具有特定要求的其他组件，哪些组件是独立的和类似于小部件的
• 通常能够动态更新样式属性甚至是给定布局组件中的内容
• 提供基于一个或多个其他布局组件的属性重新定位，对齐，调整大小以及以其他方式调整一个布局组件的跟踪属性的功能

如果你有能力处理这个问题，那么你就是一个良好的开端。通过设计可以基于模板或模式重新排列的布局格式，能够更进一步，这也非常有用。

---

  

更新：就大小而言   优先，我不确定你是什么   寻找。如果您已经在使用   JavaScript可以是很好的做法   保持最小宽度和最大宽度之间的宽度   动态地沿着css保持   跨浏览器。   读取节点结构并处理它有点问题   偏好和非常的问题   设计。根据我自己的经验，它是   很高兴抽象孩子   节点的“层”，特别是   将节点保存为一个的所有内容   代码的一部分和最父节点   在另一个。这些并非严格意义上的   然而，顶部和底部节点   内容确实有子节点，<b>   例如标签。之后我填写   在容器的另一个抽象中   最后考虑所有节点   利用这三者的关系   层。

     

如果使用相对长度排列'main'元素，例如em，ex，   等..或百分比和跟进   对孩子使用绝对定位   在<div style="position: relative">包装中或使用边距   从相对中加或减   长度，...你能够生产   紧密匹配的显示   不同的浏览器和不同   最终用户屏幕分辨率。

     

另外，请查看基本的HTML / CSS设计最佳实践   参考并尝试简单实现   他们，你会好起来的   启动。