发表于: 2017-06-02 22:40:43
1 1252
今天完成的事情:开始编写前台的js,今天主要完成大部分页面暂时未带参数的路由跳转效果,然后通过多页面加载发现了一些样式上的问题,然后进行了修改。向产品再次确认了网页适配屏幕大小的范围,主显示区最大1200px,不用适配手机端页面。
明天计划的事情:开始从首页轮播图着手,进行接口测试和数据的获取渲染工作。
遇到的问题:
轮播图在路由跳转成功后,除首页第一个轮播图正常运行以外,其他没有任何动作的实现,点击左右侧导航按钮后,发生页面,跳转,跳转到首页,原因起初以为是轮播图之间有什么联系,但是修改了各个轮播图的导航id之后,问题依然存在。注释掉首页第一个轮播图之后,发现问题依然存在。所以就考虑是路由的问题,最后,通过注释掉$urlRouterProvider.otherwise('/home');这行代码后,再重新加载下项目后就正常显示了,各个轮播图正常工作。
发现在做静态页面的时候,有些样式没有处理到位,比如图片的自适应问题,hover后阴影显示的问题。做完路由以后,回头开始着手处理这些问题,目前除首页最新职位处的阴影效果实现不太理想外,其他问题基本已经处理完成,如果以后发现还有相关情况,再着手及时进行处理。
路由跳转的问题,在控制台,手机模式下可以实现相关按钮点击后保持按钮样式变化的效果,但是在正常的浏览器中无法保持此效果,一些路由跳转,比如关于我们的跳转,现在没有实现点击顶部导航按钮,按钮保持变色,同时关于我们页中的关于我们的按钮的样式也发生相应的变化。网上找了找相关问题的处理,有说页面间带参进行判断,感觉可行,只是有些费力,正在考虑可否通过路由进行一些控制什么的,目前只是有这个想法,暂时为进行验证实践。
收获:在关于我们页实现了路由的二级路由功能,发现了路由跳转实现后页面样式发生变化的问题,并集中进行了处理,再次学习了阴影效果的实现代码。
评论