今天是WEB前端实训的第四天。今天主要的任务是检查前面未曾找到的错误Bug,并对响应速度做一个提升。
首先了解一些前端可能出现的代码错误与Bug。
常见的代码错误有：
一、若出现下行的块或文字被挤到后边去（尤其是插入列表时ul、ol、dl），则应考虑其上元素是否错误或过多的设置了margin和padding。
二、若写了代码却没有效果，这时有两种可能的问题（均在开发者模式下查看）：
第一种：在开发者模式下，若代码前出现了黄色的感叹号，并被用删除线包围，则应考虑此行代码出现了拼写问题。（例如：我在Coursera上完成的一份练习中把’tile’ 与 ‘title’拼写错误）
第二种：在开发者模式下，若该行代码不显示，则应考虑是否在其之前的标签是否闭合，或者多使用了闭合符号，导致其后的代码无效。
三、对于垂直居中vertical-align标签，只有行内块元素对其有效。
四、flex布局失效：移动设备的系统版本过低时，flex布局失效。解决：设置display: flex;样式的子元素，必须是块级元素，否则失效（必须设置display: block;）。还有一点要注意，flex-wrap低版本的系统是完全不支持的，可以用display: inline-block;替代。
。。。。。。
在本次实训中，遇到了两个错误Bug，一个是在博鳌网站的用户注册页中对grade进行设置时写错了一个数字，导致一个小地方的样式有一点问题。第二个就是在移动端网页中进行测试中处于Nexus5X (width×height === 412×732)时的显示问题，我还没有找到解决方法，就这样吧。
最后我将CSS样式中的部分CSS代码顺序换了一下来提高网页响应速度。
