星期三, 6月 06, 2012

jQuery 教學 - 良好的程式習慣

Photobucket

一般書上鮮少,去談到這部分的問題:「良好的程式習慣」。



但這卻是KT一直相當重視的一個問題,

好的程式設計師不單只是將程式寫好,習慣也很重要。

往往初期,程式課程老師都不太正視這問,想說未來可以在培養,

但習慣是慢慢養成的,若學了壞習慣,

將來要改,恐怕要花費不少時間與精力。

何不如一開始就養成良好的程式習慣。

KT簡單列出三大「良好的程式」習慣:


1.對齊
2.註解+說明文件
3.程式模組化





1.對齊


簡單說就是程式碼要乖乖的、好好的對齊,不要寫的亂七八糟。
(不要想說下次,再排好,通常下次就是出很大紕漏的時候,才發現。)



2.註解+說明文件
寫程式的當下,取了什麼變數的名字,寫了個新的函數方法,
最好當下即刻就將註解與簡單說明文件產出。
(不要想說下次,再補,通常下次就是出很大問題的時候,才發現。)



3.程式模組化

盡量將功能函數提出,不要與主流程寫在同一支裡。
如:主流程網頁名為「main.html」,
其中有一項功能函數為使用者登入判斷功能函數,
我們應將此功能提出另建一支檔案取名為「login.html」。

通常一般萌萌,都會將全部功能函數全部寫在「main.html」重頭打到完,
或是想說,等說全部寫完再提出,再模組化。
那時你會發現牽一髮動全身,要提出要模組化談和容易,等下次專案吧!!!


三大習慣,一直都是萌萌常犯的錯誤。



所以我們一開始就應該要有簡單的分類的概念,
從小就把這概念建立起來。
一般初期看到的簡單網頁基礎結構,大概是這樣:

Photobucket
通常初學的萌萌,都會把jQuery和CSS的程式碼都寫在「main.html」,
而圖片隨意擺放在根目錄,這樣的習慣是不好的。

應該分類好,有系統的分類:
1. jQuery相關程式碼,應放在jQuery的資料夾裡,且每個jQuery依功能函數,
   分別獨立建成一個,如:「XXX.js」、「YYY.js」的檔案,
   不要把所有功能都寫在同一個XXX.js裡。

2.依照圖片佈署,分別在Pictire資料夾裡面在分類出來,
   如登入畫面使用圖片的資料夾,使用者大頭照圖片資料夾。
   不要不分類還全放在根目錄。

3.css程式碼也依照性質不同,區別分類。

4.html再將相關的程式碼根據所在路徑載入進來,
   如:jQuery、圖片、CSS樣式...等。
  大部分初學 html的書籍,可能並未強調以上這些,不分類當然也可以完成功能,
  但當程式網站越來越有規模時,分類除了可以快速摘除或裝載新功能新程式外,
  除錯速度上也會增快。

或許你會認為,目前功能又沒有很多也不大,不用分類啦!!!

KT還是那句老話,好習慣應該從一開始就養成。


相關文章:
jQuery 教學目錄

0 意見 :

張貼留言

回覆意見時,麻煩輸入一下暱稱
(隨便取個名字也好~ ^_^)
好讓我方便回覆您的問題,
選擇「名稱/網址」輸入您的暱稱,
麻煩一下,謝謝大家。

關閉廣告 [X]