发表于: 2016-04-01 23:18:11

1 1646


今天完成的事情:

这几天课多,补补之前的日报……

总结一下我自己的测试流程吧,自己走过的一些坑,希望可以提供小小的帮助。

响应式测试:

以下的测试必须对照设计图(即任务中的psd图)

1.先用比自己的电脑的分辨率大的分辨率检验页面是否会错位,比如我的是1366*768(打开控制面板可以查到自己的分辨率),可以用2560*1075测试页面整体。如果页面有错位,可能是父包裹层的问题或者html嵌套不合理等等。

2.然后分辨率逐渐调小,自习观察页面,看看各个模块(header, navbar, main, footer, copy-right等等)有没有出现错位,有问题再做微调。

3.最后也是小难点,就是各种移动端的响应式,所以响应断点要设置合理,断点设置可以参考古尘师姐的日报(http://kt1123.com/)断点应该是在页面布局设计之时就该确定好,当然了,如果是自己开始搞响应式,难免断点设置不合理,所以自己之前设计的@media可能要重新修改,这是确实恼人,不过我觉得这个坑,个人认为可以去体验一下,好好体验响应式的设计(因为并不是简单地运用@media)。

以上步骤,个人认为至少测10遍以上,一些小问题才可以得到解决。

明天计划的事情:

进军js,开始task1

继续学习js.

遇到的问题:

今天看了js高级程序设计,对基本包装类型和基本类型有点混,多看看书,看实例敲代码。

收获:

对页面的测试流程有了解,再找找一些资料看看。

熟悉使用firebug和chrome的开发者工具。



返回列表 返回列表
评论

    分享到