发表于: 2017-03-03 23:22:19

1 1117


今天完成的事情:

1、今天主要完善了【前台-找职业】的各部分页面的css样式;

2、成功获取【前台-找职业】最新职位和推荐职位的数据,并渲染到浏览器上;

明天计划的事情:

1、写【前台-找职业】各部分的轮播效果;

2、获取【前台-找职业】页面的数据和传参;

遇到的问题:

【前台-找职业】推荐职业和最新职业的数据以为都是一个借口的,只需要对最新职业排序就可以了。经胡思豪对李绍博代码的示范,才知道是通过参数recommend的职位为0或1来获取这两个部分的数据。其实,这些内容前台接口文档都有。不过这段时间一直在处理静态页面和css样式,导致对接口文档看的不够详细。以后一定多加注意。

收获:

1、基本完成了【前台-找职业】个页面的静态部分和利用路由实现跳转;

2、学习和思考了transform:translate和position:relative实现元素的定位,主要基于以下几点考虑:

A、没有脱离文档流。

B、transform:translate(百分比,百分比);中的百分比是相对于自身而言;position:reletive的百分比是相当于父容器而言。

C、需要注意的是,该元素最好设为inline-block,因为inline元素无法自定义宽高,而block元素过于霸道,会独占一行。当然,也可以考虑设为block,视情况而定,毕竟inline-block有会产生间距的问题。

D、当然,使用transform:translate要考虑浏览器的兼容性。



返回列表 返回列表
评论

    分享到