【jQuery基礎學習】09 jQuery與前端（這章很水）

這章主要是將如何將jQuery應用到網站中，或者說其實就是一些前端知識，對於我這種後端程式來說其實還是蠻有用的。

關於網站結構

文件結構

前端文件分三個文件夾放

• images文件夾用來存放將要用到的圖片
• styles文件夾用來存放css樣式表
• scripts文件夾用來存放js腳本

網頁結構

• 頭部：網站的品牌log，登錄信息
• 內容：放置網站的主體內容
• 尾部：放置網站的其它友情鏈接和版權信息之類的 

關於網站樣式

1. 首先寫一個樣式表，來包含全局的樣式。定義整個網站的reset.css樣式表，編寫一些全局的樣式。這樣就規範了整個網站的樣式風格。
2. 然後一般頭部和尾部的樣式在很多頁面都是一樣的，所以可以在一些一個樣式表，專門服務這兩個點。
3. 然後就開始寫樣式了，此處略過了，哥真的不是來看CSS的啊作者。20多頁的寫樣式步驟，我勒個去。留著我無聊的時候看吧。

關於網站腳本

• 一般來將，不論寫什麼代碼都要有個規劃，所以第一步先把一個頁面要實現的功能用文字列表描述出來。
• 然後作者用它66666的手法寫了一大段腳本，實現了各種各樣的功能。然而我這裡就不寫了，畢竟我寫這篇博客的目的只是為了去寫jQuery基礎，而不是教人如何去Copy。

好吧，這章你可以理解為作者將前面寫的各種jQuery利用起來，去解決各種各樣的問題。

我主要看了一下其中的代碼，發現應用起來其實就是對前面章節的一個結合。

反而是以上那些很概括的東西還有點用處。文件結構和網頁結構以前就瞭解，但是CSS這一塊我其實都沒怎麼管過，如今我知道如何去搭這樣一個簡單的CSS架構了。

在看作者的CSS樣式佈局的時候，去網上也找了一下CSS架構的一些文章，發現了一篇，感興趣的可以讀一下：

http://www.zhangxinxu.com/wordpress/2010/07/%E6%88%91%E6%98%AF%E5%A6%82%E4%BD%95%E5%AF%B9%E7%BD%91%E7%AB%99css%E8%BF%9B%E8%A1%8C%E6%9E%B6%E6%9E%84%E7%9A%84/

好吧，寫到最後，發現一句jQuery的知識都沒寫。所以我標題都說了這章很水了，不過你如果看了上面那個鏈接的文章，相信會有不少收穫，畢竟人家是大神。