1. 程式人生 > >前端篇——2015.3 第一次練手專案 被自己蠢哭!

前端篇——2015.3 第一次練手專案 被自己蠢哭!

    離做完第一個專案已過了一個周,在這個練手專案中,應該說得到的更多。在這個專案中,我的主要工作是美工+前端。初拿到專案需求時,覺得挺簡單的,於是開始慢慢悠悠的開始做介面簡要設計,才發現並沒有想象中的那麼簡單。我根據自己對需求的理解開始進行設計,後發到隊員那裡。這時,“矛盾”發生了:由於需求沒有完全看完,導致後臺人員無法理解介面設計的含義,也就很難進行下一步工作。當然,還有一部分功能按鈕沒有給出。於是乎在“需要修改”的煩躁下,我是硬著頭皮的改,那是第一次感到無所適從的壓力,源於整個團隊的合作,那時候心裡只有一個聲音:我做不好會連累整個團隊,雖說我們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

                                                                                                                                                      2015.4.10  danny