发表于： 2017-06-01 23:34:45
1 1248
今日完成：
复盘项目的各种调试修改与评审；真实项目资格评审；真实项目方案编写与评审；
明日计划：
参与项目晨会，根据评审结果，准备进入真实项目；
问题：
太不细心，复盘项目各种小bug。原因一是有认真理解需求；第二就是不细心，进项目后一定改掉这个问题，每晚都对自己的代码做一下review。
收获：
1.总结自己的复盘项目，前台花了太多时间，后台在时间压力下反而很快就做完；归根结底就是执行力与计划性的问题。以后任重而道远啊，做后台的这种状态是我需要保持的，无论是现在的学习还是以后的工作。
2.关于真实项目。
我做的是前台除首页以外页面的方案。这些页面需要的js逻辑有数据请求与渲染、侧边栏、分页、以及懒加载；兼容性方面不支持css3与html5，不过项目不要求响应式（ie8不支持媒体查询方法），borde等属性也有办法实现。
没有数据交互，只是固定的方式将数据展示给用户就好。所以我觉得难点在于ui出图时间与项目交付时间的时间差，页面很多，数据很少；主要工作就是css的工作。
项目方案（前台除首页的页面部分）：
子路由
专业介绍页面(内容写死)
面包屑导航 使用 ui-sref超链接
正文根据ui图进行布局。
子路由
师资队伍页面
面包屑导航 ui-sref超链接
页面使用bootstrap栅格布局侧边栏与正文内容；
左侧导航栏两使用 jQuery 动画fadeToggle()，实现点击出现/隐藏效果（由于兼容性，不使用插件）；
使用ng-show结合ng-click实现当前菜单显示，其余菜单隐藏效果；
使用ng-class以及$index,通过标题的点击函数，实现当前标题被选中变色的效果。
左侧导航栏两个子菜单（标题内容写死）：教师团队、教师介绍写死。
教师团队正文内容使用路由嵌套至本页面；
团队简介子标题从后台获取数据后使用ng-repeat渲染并配置ui-serf，用路由实现右侧的文本内容嵌套。
进入页面后，默认打开 教师团队-团队简介子页面
子路由
实习基地页面
面包屑导航 ui-sref超链接
正文使用bootstrap栅格布局图片与文字。
子路由
学术交流页面
面包屑导航 使用ui-sref超链接
正文使用bootstrap栅格布局图片与文字。
正文通过http服务获取到数据后，使用ng-repeat渲染，限制数量为9，使用orderby进行排序。
显示日期位置输出两次日期。第一次用过滤器转化：|date:'dd'；第二次使用date:'yy.MM'。
正文图片边框的宽高固定，同时添加ng-if，条件为item.logo（假设图片的ng-src地址为item.logo）值不为空;
详情文字使用substring() 方法对字符串进行截取，有图片截取25字；无图片截取140字；
为正文标题及图片添加ui-serf，传参跳转至 学术交流-具体介绍 页面。
分页使用指令完成。
子路由
学术交流-具体介绍 页面
根据ui图进行布局
子路由
学生活动、学生活动-详情页面
实现方式与 学术交流页面 相同
子路由
招生就业页面
实现方式与 师资队伍页面 相同
子路由
优秀毕业生页面
根据ui图进行布局
子路由
联系我们页面
写死+bootstrap栅格布局。
返回列表
评论