今天完成的事情：

1、看廖学峰关于JS官方博客；

2、听张增锋讲关于table布局和div布局方面的知识

明天计划的任务：

继续看JS方面的知识，写任务3的页面

遇到的问题：

听张增锋讲table布局方面的知识，然后接着这个机会，总结了自己对布局的认识。目前，主要接触的布局是inline-block布局，table-cell布局以及强大的弹性布局。感觉table-cell布局在等高和垂直居中方面有很大的优势，而inline-block在定位方面更灵活，同时能接受更多的样式。虽然inline-block也可以实现垂直居中，但是感觉和table-cell布局的垂直居中是高度上垂直居中，不单可以单行，还可以多行垂直居中；而inline-block的垂直居中还局限在一行层面，对多行垂直居中仿佛无能为力。至于弹性盒子flex布局，因为实践的不多，以前主要也是用它的垂直居中。但是，感觉flex布局不论是从代码上，还是思想上都要更加的简洁。它没有inine-block布局时产生的1/4空格问题，也不需要像table-cell布局那样要对父元素设置宽度100%；同时设置table-layyout：fixed。因为table布局在默认情况下是auto的，因而，设置table-cell的宽度的效果等同于max-width的效果。很多人或许并不知道这个坑，而低估了table-cell布局的优势。flex可以直接设置宽度，对齐也有多种方式，实现等高布局也比较简单。因而，目前暂时认为它是最好的，虽然对它的理解不够深入，用的也不多。估计正是如此，才基本没有发现它的坑。

收获：

整理了这段时间对布局的一些理解，感觉对布局的理解一下子变得清晰了。