发表于: 2017-02-03 00:34:02

9 567


我是老大钦点的外门弟子

【今天完成的事】

1、今天学了css命名规范,然后对代码进行修改,让页面宽度设置成最大为720px;把*定义不要内外边距改成html,body,ul,li的,避免不必要的reset;把颜色统一用十六进制来表示;算出来的数值把原来的保留五位改成保留三位;删掉一些空格。用手机、ie、火狐、chrome加载页面显示正常。对页面进行w3c的css验证,通过css版本3校验。基本上算把任务5做完了吧。关于课后思考,先是读了张鑫旭的《HTML CSS列表元素ul,ol,dl的研究与应用》这篇文章。然后是iconfont,这个任务哪些可以用iconfont,查了iconfont的知识,任务5应该是header的向左、地址旁边的小图标以及红色星星可以用iconfont吧。试着使用iconfont到页面里,确实,用iconfont可以让这些小图标就算放大也不会看到失真,矢量图确实很好啊,就像把小图标变成了字体,可以像字体一样随意调整。引用的阿里巴巴矢量图标库,配置nginx用自己的手机浏览器加载很快显示出来,但在电脑端上chrome上面加载只出现一个空的小方格子,ie什么都不显示,火狐显示一个乱码的小方格子。

2、看了别人分享的一些自学前端开发的知识。很多人强调要学好英语,有的人的观念是要看英文的文档有雅思托福这个水平就可以。每天努力刷英语单词中。装了个gitter。

【明天计划的事情】

把任务5的问题解决得差不多了就开始任务6.。

【遇到的问题】

1、让朋友帮忙用iphone4s和iphone5打开页面显示的button长得跟效果图不一样,像那种古老的按钮,明天再借来调试一下看看。

2、iconfont在电脑端的浏览器无法正常使用,一定是我哪里没调好。

3、不知道为什么我自己手机用uc浏览器第一次加载的时候总是显示不正常,再刷新一次又好了。这样访问者的体验很不好啊。但是朋友帮我看又不会,直接加载正常。是整个页面第一次被访问的问题呢?还是我手机的问题呢?

【收获】

通过这段时间的学习,慢慢捡回以前很少用到的英语,现在看一些简单的英文短句还算是大概能明白是什么意思,看git的一些回馈消息和github的页面也比较习惯,不过看英文文档的速度还是比较慢。

学习了css规范和列表元素。知道了iconfont的知识和使用方法。



返回列表 返回列表
评论

    分享到