前端篇——2015.3 第一次练手项目被自己蠢哭！

本文链接：https://blog.csdn.net/Action_learning/article/details/44977983

离做完第一个项目已过了一个周，在这个练手项目中，应该说得到的更多。在这个项目中，我的主要工作是美工+前端。初拿到项目需求时，觉得挺简单的，于是开始慢慢悠悠的开始做界面简要设计，才发现并没有想象中的那么简单。我根据自己对需求的理解开始进行设计，后发到队员那里。这时，“矛盾”发生了：由于需求没有完全看完，导致后台人员无法理解界面设计的含义，也就很难进行下一步工作。当然，还有一部分功能按钮没有给出。于是乎在“需要修改”的烦躁下，我是硬着头皮的改，那是第一次感到无所适从的压力，源于整个团队的合作，那时候心里只有一个声音：我做不好会连累整个团队，虽说我们Action只是自发组织的，但压力还是不自主的扑过来，因为我们想要做好这第一个项目。

第二步是用Photoshop设计界面了，实在是想不到到底要做成什么样，整个一天是打开着Photoshop发呆，我心里拼命的烦恼着“怎么办，怎么做啊，好痛苦啊~~~”眼看要到编码的时候，我的界面还是做不出。我总结下做不出的原因：1、自己想的用Photoshop画不出 2、画出来却又实现不了（能力不足）最终，“偷工减料”用一张大图做背景，庆幸的是不算难看。

接下来是切图了，切下来后开始骂自己是傻*，就一个背景图，直接用<img>插进去不就好了？非得，用PS一片一片切下来，再一句一句将它变成网页，后来不知如何恍然大悟被自己蠢哭啊。还好，在切图的时，发现自己在html上有很多不足，先前学到的已经忘的差不多了，现在直接上手，简单的图也切了一整天，无比烦躁。

在后来的编码中，因为时间很紧只能尽快做完，我是不管三七二十一将所有代码复用，再拼接，虽说代码不好看，但效果还是出来了。

要说最大的收获便是终于对js稍稍懂了，通过做网页模拟手机拨打电话的界面，也是对js建立起了兴趣，但学习语言这种，还是需要不断练习的才行。

Tips:

1、在做项目时，遇到的问题记下，再解决会收获很多。

2、通过实践编码才能找到问题所在。

3、在压力中，也需要求精。

Aims：

1、浏览器兼容问题。了解浏览器内核。

2、熟悉掌握html、css

3、多用js,学习js框架，实现多种动态页面效果。

4、进一步学习html5、css3