One day 项目完成情况

今天是开始项目的第一天

目前做了TapTap的静态页面,搞了一个下午,尝试使用frameset、iframe标签来达到水平导航栏的效果,由于Frameset在HTML5 中已经不在支持,所以做了很多无用功,iframe标签,实在是不太会用,所以使用了其他的方式来实现这个效果,

每一次跳转到另一个页面,利用position: sticky;position: -webkit-sticky; 来保持div相对位置不发生改变,从而达到水平导航框架效果,虽然方法有一点笨,但是总体还是实现了这个功能。

通过今天写静态页面,发现了自己很多的不足,也遇到了很多问题,预计用4 - 6 天的时间将所有的静态页面写完,1-2天的时间将数据库弄好,8 - 10 天将后台写完。

目前已经将页面共有的部分写完,之后在进行微调。

虽然知道自己写的页面很丑,但还是要拿出来,毕竟也是辛辛苦苦一个下午搞出来的东西。代码就不粘了。

这个是原图One day 项目完成情况

这个是我自己写的
One day 项目完成情况

通过这次写页面,发现功能实现其实很简单,但是某些细节很难实现,需要有一定的基本功。写了一个下午也发现很多问题,如果大佬看见的话,希望能为萌新解解惑
1.div宽高设置百分比,没有内容不显示
2.当窗口缩放到一定程度时,无法正确显示页面,无法显示完整的页面,设置百分比,貌似也不太行。
3.css中无法使用hover属性,在css外部样式表中,hover无效,但是在html中设置hover有效,工具使用的是Hbuilder 20200820最新版