一.今天完成的事情
1.完成复盘项目评审，改好bug。
2.做真实项目方案，测试懒加载在ie8中的表现，图片懒加载崩了，
3.改需求啦！减了几个模块，首页更好写了，和花飒应该一周可以写完。
4.看前台接口约定，发现搜索的接口数据有问题，搜索到的内容没有父模块ID，没办法通过搜索结果，找后端沟通，要求他加了一个父模块的ID，附送加了一个name。
5.真实项目评审，真实项目前台方案评审。
二，明天预计完成的事情
有时间重构下后台管理的新增角色。
开始写前台共用样式和搭建前台架构，开发环境，这个项目打算在网站性能上面做更多提升，造福一下广大学子。
做小课堂ppt，明天讲依赖注入。
三.遇到的问题
IE8为什么还活着。。。。
四.收获
IE8还是可以用懒加载，但是图片的懒加载没有成功，明天再看看。
以下是真实项目评审内容
李维文真实项目评审
2016年6月1日
1.前言
在修真院学习的二个多月里面，大概花了二十多天完成了css的任务，一个月多一周左右完成了js的任务，进入复盘，复盘做了20天左右，由于之前的方案失策和一些个人原因导致进度缓慢。
2.任务学习阶段
通过完成官网的任务，逐渐熟悉了html的各种标签；css的各种属性及用法，各种选择器及其优先级，bootstrap这个框架，less这个css预处理语言；sprite图的制作及使用。Git版本控制等，遇到的第一个坑就是bootstrap框架的学习，最开始不知道看官方文档
Js方面学习了js的基本语法，面向对象编程，闭包，原型链，异步请求操作DOM等这些基础知识，后续还学习了jquery的选择器，ajax，学习了angular1.x这个框架，ui-router路由，图片上传，服务，指令，过滤器，分页，富文本编辑器。JS学习这一块遇到了两个坑，第一个就是任务四，逻辑比较多，一直想用上面向对象编程的思想解决这个任务，卡了将近十天，最后通过写伪代码，金超师兄的帮助搞定了。第二个就是angular，angular看了两天的官方文档发现看不懂，最近几天才发现自己当时看的是angular2的官方文档。
3.任务学习阶段
通过完成官网的任务，逐渐熟悉了html的各种标签；css的各种属性及用法，各种选择器及其优先级，bootstrap这个框架，less这个css预处理语言；sprite图的制作及使用。Git版本控制等，遇到的第一个坑就是bootstrap框架的学习，最开始不知道看官方文档
Js方面学习了js的基本语法，面向对象编程，闭包，原型链，异步请求操作DOM等这些基础知识，后续还学习了jquery的选择器，ajax，学习了angular1.x这个框架，ui-router路由，图片上传，服务，指令，过滤器，分页，富文本编辑器。JS学习这一块遇到了两个坑，第一个就是任务四，逻辑比较多，一直想用上面向对象编程的思想解决这个任务，卡了将近十天，最后通过写伪代码，金超师兄的帮助搞定了。第二个就是angular，angular看了两天的官方文档发现看不懂，最近几天才发现自己当时看的是angular2的官方文档。
4.复盘项目阶段
1.了解transiton动画，通过改变轮播图组件的transition和一些样式实现竖向轮播的功能。
2.将css3的一些属性采用渐进增强的兼容性写法，适应各大主流浏览器。
3.严格遵守代码规范，css代码和Js代码写的更加规范了，比如如何类命名，共同开发样式文件才不会冲突。知道怎么布置一个项目的文件结构。
4.在复盘项目中进一步熟悉了angular的各种功能的使用，比如自定义指令，写一些能复用的指令，通过给指令加不同的属性得到想要的效果。对这个框架将view和model分离有了更深的理解，指令，服务，控制器，filter各功能该做什么事情，操作dom放在指令里面，服务里面放通用的数据，通用的处理数据方法。主要逻辑放在controller里面。
5.明白了SVN如何使用，commit前先update，一定要将有冲突的地方修改好，再提交。每天晨会要沟通好，避免工作内容重复，拖慢进度。
6.项目准备的时候，需求拆分成任务一定要清晰明确，要按模块来写，不能先写样式，在实际开发中也不可能有现成的UI图给你。
7.一定要模块化，组件化，多用服务，指令，提高代码的复用度，提高效率。
8.遇到问题一定要积极沟通，不要拖延，不要老想着自己憋个大招解决，往往耽误了项目时间。
9.需求不明确的地方一定要找PM问清楚，不然做了无用功还不知道。
5.真实项目准备
1.严格遵守css代码规范，JS代码规范，遵守angular编写的规范。
2.严格按照模块化的思想写代码，多写注释，提高代码复用度,可读性，可维护性。
3.遇到问题和组员积极沟通交流。
4.严格按照时间要求完成项目
5. 听完pm的讲解，询问之后知道这个项目前台需要兼容IE8，于是去看了IE8的兼容情况。需要注意的事项。
6.angular需要使用1.3版本以下的，才能兼容ie8。
7.存在无法使用border-radius，box-shadow的问题，使用PIE.htc的脚本让这两个属性生效。
8.css3的transition和trasform也会失效，前台暂定的需要使用的就是轮播图，这个不兼容，改用其他的轮播图插件，注入jquery插件pageswitch插件。
9.IE8是不兼容HTML5的，需要引入html5.js，es5shim和es5sham，来解决H5的兼容性问题。
10.测试需使用的插件在ie8中能否正常使用，ui-router测试成功，ui-bootstrap的轮播图失效（动画失效），分页失效。
6.掌握的技能及工具
1.熟练使用html及css将原型及UI转换为页面。
2.框架：bootstrap，angularJS1.x，Jquery的应用。
3.开发工具：sublimetext3，photoshop切图，nginx配置，postman测试接口（现学），github及svn进行版本管理，chrome开发者工具。
4.插件：ui-router，file-upload，ui-bootstrap
7.总结
通过两个多月的学习，掌握了基础知识，两个框架，一个工具库的基本用法，经过半个月的复盘项目之后，对基础知识的掌握，框架的理解和使用更加熟练，代码写的更加规范，开发起来越来越得心应手，遇到问题也能自己通过各种途径解决。觉得自己已经有能力胜任真实项目的开发。
在此申请加入真实项目，在真实项目里一定积极发现问题解决问题，争当团队发动机，和团队成员一起准时质优的完成这个项目。
返回列表
评论