一周的爱奇艺首页,慢但未放弃

原创 lucialiu 随笔 前端基础学习 2451阅读 2017-12-03 23:39:06 举报

关于这个爱奇艺首页,从迷糊写到清晰,又从清晰写到迷糊。迷糊到清晰是因为,拿到首页全屏截图的时候,太长了,感觉自己是不可能做出来的,索然难点是在banner上面的列表,周围那个透明的边框,渐变的背景,不知道是脑子不好用还是暂时没有学到做出那个效果的知识,总之现在还没有做出来那个效果,自我感觉相似度有90%了吧,静态没有任何交互,毕竟还是个小菜鸟,努力像大神靠近,理想总是要有的呀
,万一实现了呢。
做首页中遇到的问题:
1.不知道时间是用到注释还是哪里了,很慢;
2.可能不自信吧,知道怎么写了,但还是多少有些犹豫,即使是效果写出来了,但还是怕会不会有漏洞,比较谨慎;
3.内容有些框架相似和相同的,都写了群组选择器,觉得这样写了方便总结,但是最后块周五了还有内容的好几个相似的模块没有写完,其实可以复制粘贴的,但是因为通篇内容的全组选择器,同一个模块的样式被归类在了不同的群组中,框架复制了,但是样式就要通篇区找,根本就是脑子爆照,然后,不一样的需要改样式的地方就多加class名写样式区覆盖,样式一样不同改的就连名字都是用的之前的框架的,按照MR.duoduo说的,看内容后面的结构,我这个可以说是一篇伤天害理的代码了。但好在在注释和伪代码的部分全部标注清楚了哪些是原封不动,哪些是有改动的,这样自己后面改不会迷糊,但是要让别人改我的代码,估计是会比较头疼的。
4.表单的标签使用方面,还是欠缺考虑,是否该用。其实有时候就用不到表单的标签。。拿捏的不好,同学帮忙检查才点醒~
5.banner图的地方还是有点问题,用了margin复制把内容放到大图上面居中,负上去的模块遮住的部分又不能点击了,要是不写居中,字就完全靠右了{待解决}
总结:
1.先看了结构之后分析,同样的结构的,就直接挪用结构和样式,为了方面复制粘贴修改,样式里面,不同模块的样式就分开写,方面修改和照搬,来提升下速度;
2.写好伪代码之后,关于图片的文件夹就应该分模块建好,不同模块的图片放在不同的文件夹,归类之后,取好名字,等去填内容的时候,就只用全部按照已经占位好的块加图片,下载的图片直接就有名字了。

评论 ( 9 )
最新评论
lucialiu 7F 2017-12-09 15:57:01 9F

你不喜欢可以转业的亲,选择都是自己的

lucialiu 7F 2017-12-09 15:56:23 8F

你不喜欢可以专业的亲,选择都是自己的

杜塞尔多夫 2017-12-06 15:08:00 7F

何必入坑

秦先生的账号 3F 2017-12-05 09:55:54 6F

加油!

lucialiu 1F 2017-12-04 19:08:29 5F

嗯呢,谢谢鼓励

lucialiu 3F 2017-12-04 19:08:02 4F

打错字。。尴尬十秒。。

lucialiu 2F 2017-12-04 19:07:28 3F

不撞南墙不回头,有的人还会你懂我也懂呢

秦先生的账号 2017-12-04 09:56:35 2F

又来一个入坑的

Funs_L 2017-12-04 09:29:22 1F

加油!