最近**首頁改版，我負責前台頁面的編寫，乙個很小的任務，從中我卻學習到了很多東西，現總結一下
和大家分享一下，希望對大家有用，也希望能得到進一步的提高。
總結index:
1.本次首頁改版前期的策劃還算細緻完整
2.美工、前台、後台大家分工合作其樂融融
*美工和前台是十分密切的，美工的人要懂前台，前台的人要了解美工，這是必須要做到的
3.相容是王道，但是為了相容不能不擇手段
4.合理利用庫和框架，提高編碼的效率
5.**問題彙總
index擴充套件:
一．
策劃是重頭戲
1.乙個專案的進行沒有乙個完整的細緻的規劃是不可能順利的實現的，乙個**後期的運營與前期的實現是密不可分的。
2.好的策劃對於編碼的實現和日後的維護以及功能拓展等方面都是至關重要的。
那麼怎麼寫好乙份策劃呢？對於此本人鐵拐李也不是很在行，希望有強勢的能夠積極加入進行支援。
1.首先你要明確為什麼要改版。是頁面風格不美觀還是**效能欠缺還是雙方面的問題，如果問題過多那可以改名字叫**重建了。
2.要對症下藥，針對你改版的側重點來實行有效的措施。比如**是因為頁面架構要公升級而改版，那麼我們的側重點就要放在美工上，做出乙個符合改版要求的設計圖，如果是效能上要改版，那麼側重點要放在**的規範上。
3.功能想的全一些，為日後維護鋪好路。
二．
分工要明確，合作要密切
**的建設絕對不是乙個人可以搞定的事情，所以明確的分工很重要，俗話說「術業有專攻」幾個更好和起來可能就是「最好」了。但是分工不代表分開工作，其實大家是緊密聯絡的，只有密切的合作才能是開發進行的更為順利。比如前台與美工的關係，美工的出圖要規範，要利於**的書寫，不能「想當然」的去進行藝術創作，那麼前台要明白美工的設計思想與意圖，只有兩人的設計思路統一了開發才會事半功倍，我們本次改版的時候就出現了類似的問題：美工不知道png在ie6下是不會透明的（需要修復），但是修復的效果不好，導致後期**書寫成了問題，後來就是因為這個地方浪費了很多時間。還有就是我作為乙個前台開發者沒有很好的理解美工的意圖，導航的地方美工的意圖是width：100%，而我理解成了固定寬度，於是又是糾結了一下，浪費了時間。所以：交流、合作是至關重要的
三．
如何相容？
作為乙個前台的開發者，大家可能一直深受各種瀏覽器的「摧殘」，為了保證相容往往要採取一些措施，
js修復、
hacks
等等各種手段一擁而上，最後只能說是效果實現了。
書寫要規範
，這句話說起來輕飄飄，做起來十分的艱難，有得問題是你無法預料的，除非你已經足夠的老道。想要三列高度一樣怎麼辦？
js修復？還是採用什麼等高度自適應
hack
？簡單一點吧，來個固定高度吧。
四．
合理使用
js庫，提高了效率，增強了相容性。
本次開發我第一次正式的使用
jquery
，感覺用起來非常的方便，省了很多麻煩，也不必為某些相容問題去苦惱了。不過初學還是用純
js的好，畢竟要學好一門語言，光學
api是
不行的。
五．
**問題
1兩說：
1.如何讓父元素透明而子元素不透明呢？
效果預覽：
可能你會這樣做：
1<
body
>
2<
div id="
box"
>
3<
div id="
imgbox
">
4<
img src="
首頁專案（新精簡）/images/ad2.png"/
>
5<
div id="
text
">
//背景透明6//
下面的文字域不透明
7<
h4>
標題<
/h4>
8<
p>
內容內容內容內容內容內容內容、。。
<
/p>
9<
/div>
10<
/div>
11<
/div>
12<
/body>
css:
1<
style type="
text/css
">
2#box
6#imgbox
11#text
22#text h4, #text p
27<
/style>
執行一下，似乎沒有達到預期的效果。。。怎麼回事呢？看來作為
#text
的子元素是難逃被「透明」的厄運了，既然如此我們變一下：
html：1
<
body
>
2<
div id="
box"
>
3<
div id="
imgbox
">
//z-index:1
4<
img src="
首頁專案（新精簡）/images/ad2.png"/
>
5<
div id="
text
">
//z-index:3
6<
h4>
標題<
/h4>
7<
p>
內容內容內容內容內容內容內容、。。
<
/p>
8<
/div>
9<
div id="
textinner
"><
/div>
//背景層放到#text外邊，與他是兄弟關係，彼此互不影響,z-index:2
10<
/div>
11<
/div>
12<
/body>
css:
1<
style type="
text/css
">
2#box
6#imgbox
12#text
21#textinner
32<
/style>
2.***
提公升效能
雅虎的14條準則
king！
前輩在我做專案時給我的指點與幫助。
爬蟲小專案
將爬取到的資料儲存在csv檔案中 由於習慣 作者會將獲取到的資料儲存 然後在儲存的檔案中進行匹配 這樣會降低程式執行時間 import requests from lxml import html from bs4 import beautifulsoup url headers res reque...
前端 小專案
全部42區 段子愛了 你問我答 註冊登入 最熱最新 人類發布 即時順序 24小時 3天發布 人們都說 桂林山水甲天下。我們乘著木船蕩漾在漓江上，來觀賞桂林的山水。人們都說 桂林山水甲天下。我們乘著木船蕩漾在漓江上，來觀賞桂林的山水。人們都說 桂林山水甲天下。我們乘著木船蕩漾在漓江上，來觀賞桂林的山水...
大專案小專案
很多人責怪第一門計算機語言的老師不行 我也是的 雖然那個時候自己無心也無力對老師進行評價 現在想想只能用 誤人子弟 來形容這位尊敬的副院長 很神奇授課的時候把大學的東西搞明白了 小碩的時候把授課的東西搞明白了 工作了把小碩的東西搞明白了 永遠都慢了一拍 那什麼時候才能把工作的東西搞明白？今年的工作接...