使用纯JavaScript重新实现CSS布局:css-layout
jopen
10年前
这个项目使用纯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} ]}