发表于: 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的开发者工具。
评论