从3月份进入黑马学习到现在,不知不觉已经4个多月了,前面学的零零散散的知识点终于到了综合运用的时间,在项目整理的阶段我们用了6天时间,终于将“慢慢买”这个购物类网站项目完成了。在我看来,“慢慢买”这个项目是到目前为止最好的、最完整的一个项目,它涵盖了之前学过的很多知识:结构、布局、样式、用户交互、前后端数据交换等等,非常考验我们对于所学知识的综合性掌握。以下是我在完成这个项目的过程中总结的一些经验与教训,希望大家对大家以后做项目有所帮助~ 磨刀不误砍柴工: 我觉得,在开始做项目之前,先理清楚每个页面的布局方式,需要什么技术,会用到哪些插件是很有必要的,正所谓有的放矢,最好是将这些信息都记录下来,不需要太详细,比如首页中,哪个地方要固定高度,哪些需要做背景色,哪些要浮动哪些要定位,哪些可以分为公共部分,哪些需要单独设置样式等等,写在文档中,当正式开始构建代码的时候,就会发现一切都仿佛尽在掌握,犹如行云流水一般,而这也是我所做的。磨刀不误砍柴工,先做好基础工作再构建代码,往往事半功倍。 遇到问题,克服困难: 而在项目中,一种效果往往有多种方式可以选择,比如一个版块分左右两栏,左边固定右边自适应,比较常用的方法是左边盒子浮动,右边盒子给等同于左边盒子宽度的外边距或内边距,除此之外,定位也可以实现同样的效果,甚至于如果左盒子里是图片,右盒子里是文字,只需要给左盒子浮动就可以了,右边无需给外边距或内边距,文字自然会被图片挤开。方法如此之多,如何选择最恰当的技术去实现,这就需要揣摩和思考了,而我们的技术,也会在不断的揣摩和思考中提升。 在完成项目的过程中,我有几乎三分之一的时间是在解决BUG,相信大部分同学也是一样。如何快速准确的解决BUG,也是每个程序员需要掌握的技能。我们现在最常见的BUG,大部分都是语法错误,比如少个逗号啊,多个括号啊,标签没有闭合啊之类的。这个就需要在书写代码的时候一定要规范,或者在复制粘贴的时候要细心。另外一种就是在DOM操作的时候不能正确获取元素,或者调用方法。这个就比较考验基本功了,对于JS中DOM操作方法要熟练,比如JQ对象和JS对象的区别要清楚,用JS对象调用JQ的方法肯定是不行的。 其实这些BUG都好解决,最难解决的是逻辑上的BUG。因为这种BUG往往没有报错信息,你想调试就得从头开始,往往调试了半天,最后发现就是一个逻辑判断出了错,真的是费神费力。我在做页面切换的时候就遇到了这样一个BUG,逻辑结构没问题,数据都能获取到,但就是出不来效果,也没有报错信息。就那十几行代码,翻来覆去的研究了几个小时,最终发现是判断条件出了错:我拿到的是字符串,而判断右边是数值。当时发现原因的时候,真想把笔记本从窗户扔出去——想起信用卡里还未付的余款,还是算了吧。 了解自己,奋起直追: 不过,经过这次项目整理,我也清楚的认识到了自己的不足:对于框架和插件的了解和使用——比如bootstrap——还需要更多的练习。而这款插件是目前使用最为广泛的插件,学好是非常有必要的。另外,并不代表这个项目做好了,工作就可以胜任了,毕竟实际工作中需要解决的问题要比这多得多,所以接下来依然不能放松警惕,还要不断的提高自己。在班级里,我也见到了一些平时很低调的同学,很快就完成了这个项目——有的甚至三四天就做完了,这也给我提了个醒:我在班级里都还远远未到优秀的程度,此时更不能懈怠,应该要加倍努力去学习后面的知识。现在多努力一分,面试成功的几率就加一分,为了不让一个月后的自己后悔,一起加油吧,各位!
|