使用纯JavaScript重新实现CSS布局:css-layout

jopen 9年前

这个项目使用纯JavaScript实现了CSS的一个子集包括Flexbox和box模型,然后转成C 和 Java。它目标是成为一个小的独立库来布局元素。它不依赖于DOM。

为了确保该代码是正确的,它是在JavaScript中使用TDD开发,每个提交增加了单元测试和相关的代码,使其能够正常工作。所有的单元测试都有经过Chrome浏览器的CSS实现测试。
computeLayout(    {style: {padding: 50}, children: [      {style: {padding: 10, alignSelf: 'stretch'}}    ]}  );  // =>  {width: 120, height: 120, top: 0, left: 0, children: [    {width: 20, height: 20, top: 50, left: 50}  ]}

项目主页:http://www.open-open.com/lib/view/home/1414842643184