今天完成的事情：

完成最后的Ui自检，功能测试，性能测试，并修改了几个小bug。明早10点demo。

小课堂课后讨论：

如何把浏览器调试的数据更新到代码？

百度了下的确没找到，但是有一个很有意思的东西。

style标签下的CSS代码的显示与实时编辑

我们都知道CSS代码可以控制HTML标签的样式，例如：

p{color:green;}

对于p, div, img标签之流，我们整日与之为伍，所以可能忽略了一些不常用的标签，例如head标签或是style标签。

在99.9%的情况下，style标签是用来放置CSS样式的，例如：

<style>

    p{color:green;}

</style>

其不占据任何空间，里面的CSS代码也不会在页面上呈现。style本身的功用是如此的明显与强烈，以至于我们忽略了它的其他一些特性。style标签也是标签，我们其实是可以将其当普通的p, img, input标签之流看待，是完全可以通过CSS控制其样式的，例如：

style{display:block;}

甚至可以添加边框，背景色什么的。

所以，只要对style标签应用相应的CSS样式同时设置contenteditable属性就可以让CSS样式即时编辑更新啦！

为了不影响head标签中的style标签，我们可以如下设置style标签的样式：

body style{display:block; ...}

明天计划的事情：

试着把任务11做一做，回过头把JS的基础知识梳理下，巩固巩固。

遇到的问题：

暂无

收获：

独立完成一个前台项目。