哎，练习了一天的前端布局，加上上一周周末练的，总共有两个前端实战的练习了。
志不在前端工程师，只是为了弥补平时做项目时前端的空缺，方便自己做一个不是那么丑的页面。 更深层次的是希望能找到一个框架适合自己的，以后好用。 不过很可惜，练的时候没想那么多，埋头苦干去了，也就没想。
跟着练习速度自然是很快的，效果也是显著的。 但是越是这样，越显得知识来的过快，怕自己吃不了兜着走。 哈哈哈。
因此，对于这些实践来一个简单的反思总结是十分有必要的。
先上两个图，方便自己以后回忆。
图一是今天练习的，图二是上周练习的，我想以后应该不会怎么练习前端了。 因为他毕竟是一个针对性很强的职业，我的精力也有限，何况还有一大串的后端基础等着我去专研，哎 真是要累死。
图一针对的是 h5响应式开发。 其实说白了就是反复使用 position的 relative 和 absolute属性。 怪自己上课的时候不认真听，现在都还是晕乎晕乎的。
图一是那种比较花哨的，页面主要由图片构成，主要为背景图，几乎没有用img标签的，因为据说那样好控制。 因此，页面中散落的那些文本控件就很考技术了，基本都是通过定位，通过布局计算而达到想要的效果。
从中了解到了 BEM设计模式，一种针对css和html的命名方法，对于比较花哨的页面，可以考虑采用css的定位方法，设计时，采用从大到小自顶向下的思想。
对于图二，感悟也差不多，还有就是常见的调整布局的方法，页脚的设计原来是采用嵌套的无序列表做的。
总体而言，现在对文档流还是比较蒙。 只能停留在这了，如果以后有幸从事了前端工程师的工作再了解吧。
行级元素 和 块级元素 也是比较神奇的一点。 举个例子， div盒子是一个块级元素，它默认占一行，但是如果不设置高度的话，它就随内容撑开，而且它的宽也是随内容撑开。 背景图片不算作元素内的内容。
总之吧，坚持一个原则，自顶向下，逐步求精，应付一般的页面应该也是没什么问题了。
