《模仿华为官网主页》---项目研发阶段性总结

作者：黄启浩

本次任务完成时间：2018年12月26日～2018年12月28日

开发工具与关键技术：DW/浏览器； 网页设计；

一、功能实现

1、点击Select Region出现遮罩层，遮罩层内的盒子可执行鼠标拖曳事件；

    通过获取鼠标在浏览器上的坐标，将鼠标事件绑定到元素上，最后计算鼠标拖曳后与元    素对象之前的距离；

 2、宽屏轮播，淡入淡出效果；通过设置盒子的透明度来达到渐隐的效果；

3、购物车鼠标移入变化；当鼠标移到购物车字眼是展开购物车box，并且鼠标移入购 物车box是依然显示，直到鼠标移出购物车                      box；

4、底部友情链接小切换，隐藏功能；如图轮播，可左右点击切换；

5、意见反馈点击出现遮罩层；提供表单意见反馈；

二、经典代码

三、开发总结

这次小测试，让我一个小白对一些简单的javascript进一步的掌握，对之前学过的一些前端知识，比如html，css都有了很大的掌握；最大的进步就是，做这项目之前，我不会鼠标拖曳事件，不会轮播的淡入淡出，甚至还有一些细节上的错误，果然，实践才是真理，经过这轮小测试，不仅学会更简洁的方法来实现以上的功能，而且在后续的项目研发中也可以有道可循，所以，我们要认真对待每一次的测试，认真对待每一个项目，尤其在为大众做的项目，要及其细心地完成，还要对它有责任心。这就是我的一点小小的总结。

 

 

感谢大家的浏览，如有疑问可在评论留言哦！