HTML5+CSS3项目总结

 

经过一个月的学习，我基本掌握了HTML5的一些标签的用法和特性，以及一些CSS3的属性的特点和用法。

在本周安排的为期四天的第一阶段的课程的项目实训中，我基本能够熟练运用学到的知识，完成页面的速度和质量有明显的提高，经过自己加班加点的书写，在第三天中午就完成了所有项目的整体内容。不过，我知道网页的优化书写是没有终点的，并不是说完成了整体内容就算了事了，在做的过程中，明显有很多内容并没有特别细致的完善。我对自己的项目成果也不能满意。所以又用了1天的时间去修改完善细节部分的内容，对于部分小的图标进行了一些调整，比如PC端主页中的index中的“分享到QQ空间”，“分享到新浪微博”的图标都用了从原网站上找的雪碧图进行了细致的替换和调整。对网页中的一些效果也进行了改进，比如PC端new页面中右侧的上下自动滚动的动态板块中，加入了动画元素，视觉上完成了动态上下滚动的效果。

本次项目的实践过程中，也遇到了一些问题。比如做PC端页面的过程中，由于匆匆赶进度，对一些内容布局存在一些问题，直接导致了PC端主页index页面的轮播图效果在后面想添加的时候出现了问题，导致在最后项目展示的之间砍掉了相应的代码。由于感觉工作量比较大，初期工作的过程中，并没有仔细对布局进行细致的注释说明，导致后面的修改和添加出现了一些困难。

其中，本次项目遇到的最大的问题应该就是第一次涉及具体的移动端网页布局。虽然经过项目经理的讲解，能够对移动端布局有了一些了解，不过在真正书写的时候还是感觉到一些问题。后面通过向同事请教才渐渐明白了移动端布局的一些原理。

总结一下自己本次项目的成果，最大的感触就是自己的成果还是比较粗糙的，自己只是本着完成项目的想法，做完了项目，并没有对自己提出更高的要求，比如一些很明显的可以做hover效果的地方，自己只是轻描淡写了一下，并没有花时间去深入研究用户体验的内容，这对于一个前端工程师来说已经是一种工作态度的问题了。后面看了其他同事的项目成果，自己才明白过来，其实可以添加很多hover效果很蒙版效果进去，这是我应该反思的地方。

第一阶段的实训已经结束，明显感觉到自己落下了很多东西没有深入挖掘，比如Bootstrap的理解，less和sass在书写CSS项目中的运用，以及flex弹性盒子的运用等方面的内容都存在很多欠缺。这些都是我接下来要花时间来深入完胜的地方。对于接下来进入的JavaScript相关的内容，我应该鼓足勇气，坚持掌握每一点每一滴内容，不能让自己有知识盲区，只有这样才能成为一个合格的前端开发工程师。