前、后端開(kāi)發(fā)程序員部門工作手冊(cè)

ID:283812 · 發(fā)表于 2018-2-12 11:57

部門工作手冊(cè)
一、下發(fā)緣故

為提高團(tuán)隊(duì)協(xié)作效率, 便于前、后臺(tái)人員添加功能及前、后端后期優(yōu)化維護(hù), 輸出高質(zhì)量的文檔, 特制訂此文檔。本規(guī)范文檔一經(jīng)確認(rèn), 前、后端開(kāi)發(fā)人員必須按本文檔規(guī)范進(jìn)行前、后臺(tái)頁(yè)面開(kāi)發(fā)。本文檔如有不對(duì)或者不合適的地方請(qǐng)及時(shí)提出, 經(jīng)討論決定后可以更改此文檔。

1.1下發(fā)目標(biāo)

1、方便代碼的交流和維護(hù)。

2、不影響編碼的效率，不與大眾習(xí)慣沖突。

3、使代碼更美觀、閱讀更方便。

4、使代碼的邏輯更清晰、更易于理解。

5、技術(shù)文檔、工作總結(jié)的贊定，做事效率的提升，便于后續(xù)人員多元化發(fā)展。

1.2適用范圍

本手冊(cè)適用于部門全體人員，作用于軟件項(xiàng)目開(kāi)發(fā)的代碼編寫階段和后期維護(hù)階段。

1.3、程序員崗位職責(zé)

1、負(fù)責(zé)公司網(wǎng)站前后臺(tái)服務(wù)功能的修改和升級(jí)，并保證網(wǎng)站軟硬件平臺(tái)的正常高效運(yùn)行。

2、負(fù)責(zé)公司網(wǎng)站功能改進(jìn)計(jì)劃和網(wǎng)絡(luò)安全計(jì)劃的編寫。

3、按照計(jì)劃的時(shí)間和質(zhì)量要求，對(duì)公司網(wǎng)站前后臺(tái)功能進(jìn)行修改和升級(jí)；負(fù)責(zé)網(wǎng)站代碼的優(yōu)化和維護(hù)，保證網(wǎng)站的運(yùn)行效率。

4、每日根據(jù)公司網(wǎng)站業(yè)務(wù)需要開(kāi)發(fā)，制作和程序修改要求，必須按時(shí)按質(zhì)按量地完成日常公司網(wǎng)站業(yè)務(wù)的編程開(kāi)發(fā)技術(shù)工作。

5、負(fù)責(zé)公司網(wǎng)站開(kāi)發(fā)前期的測(cè)試。

6、負(fù)責(zé)對(duì)公司網(wǎng)站軟硬設(shè)施進(jìn)行安全和穩(wěn)定性巡檢；并負(fù)責(zé)統(tǒng)計(jì)和監(jiān)視系統(tǒng)日志。

7、協(xié)助公司各部門關(guān)于軟件同客戶進(jìn)行溝通，保持良好的客戶關(guān)系，為客戶提出的、客服人員無(wú)法解答的專業(yè)技術(shù)問(wèn)題提供支持和回饋，保證客戶的滿意度。

8、負(fù)責(zé)公司網(wǎng)站開(kāi)發(fā)所需要的軟硬件的采購(gòu)和選型；同時(shí)對(duì)外包編程工作的質(zhì)量和進(jìn)度加以監(jiān)督和管理。

9、對(duì)于外包的項(xiàng)目的技術(shù)方面進(jìn)行設(shè)計(jì)、實(shí)施跟蹤和交付成果的控制和驗(yàn)證。保證外包項(xiàng)目能完全按照我方技術(shù)要求和規(guī)劃完成。

10、參與需求調(diào)研、項(xiàng)目可行性分析、技術(shù)可行性分析和需求分析。

11、熟悉并熟練掌握公司開(kāi)發(fā)的網(wǎng)站項(xiàng)目的相關(guān)技術(shù)。

12、負(fù)責(zé)及時(shí)向上級(jí)領(lǐng)導(dǎo)反饋網(wǎng)站開(kāi)發(fā)中的情況，并根據(jù)實(shí)際情況提出改進(jìn)建議。

13、參與網(wǎng)站開(kāi)發(fā)和維護(hù)過(guò)程中重大技術(shù)問(wèn)題的解決，參與首次安裝調(diào)試、數(shù)據(jù)割接、用戶培訓(xùn)和項(xiàng)目推廣。

14、負(fù)責(zé)相關(guān)技術(shù)文檔的擬訂。

15、負(fù)責(zé)對(duì)業(yè)務(wù)領(lǐng)域內(nèi)的技術(shù)發(fā)展動(dòng)態(tài)。

16、負(fù)責(zé)公司網(wǎng)站及其相關(guān)網(wǎng)站改版、網(wǎng)站功能完善、新系統(tǒng)的開(kāi)發(fā)工作。

17、負(fù)責(zé)公司服務(wù)器安全管理與維護(hù)及公司內(nèi)部網(wǎng)絡(luò)維護(hù)和電腦軟硬件維護(hù)工作。

二、工作規(guī)范

2.1 工作要求

1、每一個(gè)項(xiàng)目在開(kāi)始著手的第一步，一定要把需求溝通清楚，只有了解了項(xiàng)目的需求，才有可能真正做好一個(gè)項(xiàng)目。

2、工作中，將有一個(gè)無(wú)論是技術(shù)、還是經(jīng)驗(yàn)都比較讓人肯定的前輩帶領(lǐng)，將任務(wù)詳細(xì)化，詳細(xì)到，每個(gè)頁(yè)面、甚至是一個(gè)頁(yè)面中的圖片什么時(shí)候做好，做到什么程度，這樣把工作進(jìn)度有計(jì)劃、有方向的贊定下來(lái)，做事很有效率。

3、每天的工作小結(jié)，這讓我們每天都有計(jì)劃的知道自己干了什么，不是漫無(wú)目的的工作。

附件：file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps3584.tmp.png

4、工作內(nèi)容并不是一成不變的，也許有一天你要去其他崗位幫忙，所以同事之間的技術(shù)要互相學(xué)習(xí)，也許有一天，公司需要你發(fā)揮其他的技能幫忙，所以互相學(xué)習(xí)也是很重要的，自己的工作不能僅僅局限于自己的業(yè)務(wù)范疇。

5、提高工作的主動(dòng)性，做事干脆果斷，不拖泥帶水。

6、工作要注重實(shí)效、注重結(jié)果，一切工作圍繞著目標(biāo)的完成。

7、提高大局觀，是否能讓其他人的工作更順暢作為衡量工作的標(biāo)尺。

8、精細(xì)化工作方式的思考和實(shí)踐,虛心請(qǐng)教比我做的優(yōu)秀的其他同事，向他們學(xué)習(xí)技術(shù)或經(jīng)驗(yàn)。尤其作為一個(gè)新員工，所有的地方都是需要學(xué)習(xí)的，多聽(tīng)、多看、多想、多做、多溝通，向每一個(gè)員工學(xué)習(xí)他們身上的優(yōu)秀工作習(xí)慣，豐富的專業(yè)技能，配合著實(shí)際工作不斷的進(jìn)步。

9、技術(shù)工作都不可能做到完美程度，畢竟技術(shù)工作太繁雜，但多付出一些，工作就會(huì)優(yōu)化一些，這就需要認(rèn)認(rèn)真真沉下心去做事情，職業(yè)做事，誠(chéng)信待人。

2.2 工作理念

在工作只要我會(huì)的，我懂的，我不會(huì)去吝嗇，我會(huì)積極的去與你交流。“人強(qiáng)團(tuán)則強(qiáng)，人弱團(tuán)則削”，成功與收獲，除了自身努力外，還需要公司團(tuán)隊(duì)鑄造及支持。鑄就有拼搏協(xié)作的隊(duì)員，使得它成為一個(gè)具有務(wù)實(shí)、拼搏、創(chuàng)新精神的團(tuán)隊(duì)。　

務(wù)實(shí)：公司下發(fā)的任務(wù)，下發(fā)的工作，件件都是用心去做的。團(tuán)隊(duì)中沒(méi)有一個(gè)人在工作的時(shí)候做了工作以外的事情，都是實(shí)實(shí)在在的做跟工作相關(guān)對(duì)公司有益的事情。　　

拼搏：公司給的每一個(gè)任務(wù)不管它多難，如果工作沒(méi)有完成，團(tuán)隊(duì)會(huì)晚上加班，也要盡可能的完成當(dāng)天的工作。如果工作實(shí)在忙，為了趕進(jìn)度團(tuán)隊(duì)放棄休息時(shí)間也要盡可能的使項(xiàng)目提前。　

創(chuàng)新：現(xiàn)在我們寫好的代碼，保證程序正確的前提下，盡可能的提高程序的效率。　

互助：小組內(nèi)只要任何一個(gè)人出現(xiàn)技術(shù)或其它的問(wèn)題，彼此都會(huì)盡可能的去幫助他，不會(huì)因?yàn)槟骋粋€(gè)人而拖住整個(gè)項(xiàng)目滯后。　

交流：在項(xiàng)目開(kāi)發(fā)中會(huì)及時(shí)溝通自己的收獲，特別是一些針對(duì)性的技術(shù)問(wèn)題，這樣可以省了很多重復(fù)研究的時(shí)間，這是一筆很可觀的時(shí)間。

2.3 實(shí)施方案

1、搭建部門文檔平臺(tái)（一般可以放在網(wǎng)絡(luò)鄰居上面）

A、公司內(nèi)部搭建文檔放置平臺(tái)，僅僅對(duì)于內(nèi)部員工開(kāi)放，訪問(wèn)人員需要制定名單，避免外部網(wǎng)絡(luò)入侵等異常；

B、平臺(tái)文檔為學(xué)習(xí)互助類文檔，比如：公司前期類似的項(xiàng)目代碼、學(xué)習(xí)圖書、學(xué)習(xí)音頻等；

C、文檔進(jìn)行結(jié)構(gòu)化歸類放置，便于內(nèi)部員工查找及相應(yīng)資源查詢，規(guī)避人員流動(dòng)過(guò)程中，造成的文檔資料等丟失；

D、工作期間內(nèi)，員工可以進(jìn)行文檔查詢等，但是不可耽誤當(dāng)日工作；

E、平臺(tái)對(duì)于員工可以設(shè)置只讀權(quán)限，下載權(quán)限可以給平臺(tái)管理員進(jìn)行控制；建議由行政人員管理；對(duì)內(nèi)部員工需求下載的文件，要求管理人員進(jìn)行必要的登記，為后期平臺(tái)資源升級(jí)做為數(shù)據(jù)基礎(chǔ)。

F、平臺(tái)文檔上傳，可以有內(nèi)部員工及管理人員操作，如：平臺(tái)對(duì)于員工上傳文件，可以指定在上傳區(qū)域；管理人員可以對(duì)于文檔進(jìn)行分門別類的處理；

2、工作積分制

理論上，員工當(dāng)月的積分為100分，按照工作、考勤等情況，進(jìn)行增減。實(shí)行積分制度，在于調(diào)動(dòng)員工的工作積極性，以及創(chuàng)造能力。

部分每月可以按照積分排名，指定當(dāng)月的優(yōu)秀員工；相應(yīng)的，可以是精神嘉獎(jiǎng)等，當(dāng)然也可以是購(gòu)物卡激勵(lì)等；按照積分制，作為后續(xù)員工崗位調(diào)整等依據(jù)。

3、工作、生活微信群搭建

部門人員之間的溝通及交流，應(yīng)存在工作、生活的多個(gè)方面。不僅僅限制單純的工作匯報(bào)，這樣比較容易造成死群。

如果每日工作匯報(bào)等，在上班期間忘記回復(fù)，可以在微信群進(jìn)行匯報(bào)，建議上班期間把事情完畢；

休息日等假節(jié)日期間，可以進(jìn)行群互動(dòng)，一般都是行政人員進(jìn)行群管理，增進(jìn)員工之間的情感交流，拉進(jìn)員工對(duì)于公司的歸屬感。

4、部門資料管理

部門人員在實(shí)際工作中，都會(huì)存在個(gè)人文件總結(jié)等，這些材料構(gòu)成了部門的資料庫(kù)。實(shí)際工作中，可能由于人員更替，崗位調(diào)動(dòng)，電腦異常等，造成部門文檔的丟失，導(dǎo)致后續(xù)工作的開(kāi)展，受到一定程度的影響，存在人力資源浪費(fèi)的隱患；但是，部門資料的梳理成冊(cè)，便于后續(xù)新員工了解公司業(yè)務(wù)等，可以作為入門參考的依據(jù)，便于新員工快速進(jìn)入工作狀態(tài)，減少了員工崗前磨合期之間的陌生感，也可以作為部門在職人員對(duì)用戶部門業(yè)務(wù)的梳理，以及文件查找的依據(jù)。

鑒于此類事件造成不良的影響，一般建議部門內(nèi)部有資料管理員。一般建議是部門領(lǐng)導(dǎo)代理或指定部門熟手代理，因?yàn)榉旁诓块T平臺(tái)的文檔，部門領(lǐng)導(dǎo)那邊比較完整。

資料管理具體實(shí)施方案：

A、部門員工做的工作總結(jié)等，可以放在部門平臺(tái)，便于部門員工之間的相互交流及學(xué)習(xí)；

B、總結(jié)類文檔，一般可以分為周總結(jié)、月總結(jié)等；

C、部門員工認(rèn)為不錯(cuò)的工作文檔等，部門員工可以暫放部門平臺(tái)，有三天有效期，如果部門領(lǐng)導(dǎo)不認(rèn)可，就機(jī)會(huì)過(guò)期失效；當(dāng)然在這期間，部門領(lǐng)導(dǎo)可以把有效期設(shè)置長(zhǎng)期；

D、部門平臺(tái)數(shù)據(jù)，可以作為部門內(nèi)部重要數(shù)據(jù)的備份，避免了數(shù)據(jù)丟失等異常，造成的資源損失。

三、文件規(guī)范

3.1 文件命名規(guī)則

文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合，其中不得包含漢字、空格和特殊字符；命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)文件的意義，二是當(dāng)我們?cè)谖募䦅A中使用“按名稱排例”的命令時(shí)，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計(jì)算負(fù)載量等等操作。

a.HTML的命名原則
引文件統(tǒng)一使用index.htm index.html index.asp文件名（小寫）
各子頁(yè)命名的原則首先應(yīng)該以欄目名的英語(yǔ)翻譯取單一單詞為名稱。例如：
關(guān)于我們 \ aboutus
信息反饋 \ feedback
產(chǎn) 品 \ product

如果欄目名稱多而復(fù)雜并不好以英文單詞命名，則統(tǒng)一使用該欄目名稱拼音或拼音的首字母表示；
每一個(gè)目錄中應(yīng)該包含一個(gè)缺省的html文件，文件名統(tǒng)一用index.htm index.html index.asp；
b. 圖片的命名原則

圖片的名稱分為頭尾兩部分，用下劃線隔開(kāi)，頭部分表示此圖片的大類性質(zhì)
例如：廣告、標(biāo)志、菜單、按鈕等等。
放置在頁(yè)面頂部的廣告、裝飾圖案等長(zhǎng)方形的圖片取名：banner
標(biāo)志性的圖片取名為：logo
在頁(yè)面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?/font> button
在頁(yè)面上某一個(gè)位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶?/font> menu
裝飾用的照片我們?nèi)∶?/font> pic
不帶鏈接表示標(biāo)題的圖片我們?nèi)∶?/font> title
范例：banner_sohu.gif  banner_sina.gif  menu_aboutus.gif  menu_job.gif  title_news.gif  logo_police.gif logo_national.gif pic_people.jpg鼠標(biāo)感應(yīng)效果圖片命名規(guī)范為"圖片名+_+on/off"。
例如：menu1_on.gif  menu1_off.gifc.javascript的命名原則
例如：廣告條的javascript文件名為 ad.js  彈出窗口的javascript文件名為 pop.js
d.  動(dòng)態(tài)語(yǔ)言文件命名原則
以性質(zhì)_描述，描述可以有多個(gè)單詞，用“_”隔開(kāi)，性質(zhì)一般是該頁(yè)面得概要。
范例：register_form.asp register_post.asp topic_lock.asp

3.2 文件存放位置規(guī)范

_Root
file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps3594.tmp.jpg	cn	存放中文HTML文件
file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps35C4.tmp.jpg	en	存放英文HTML文件
file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps35C5.tmp.jpg	flash	存放Flash文件
file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps35E5.tmp.jpg	images	存放圖片文件
file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps35F6.tmp.jpg	imagestudio	存放PSD源文件
file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps3607.tmp.jpg	flashstudio	存放flash源文件
file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps3617.tmp.jpg	inc	存放include文件
file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps3628.tmp.jpg	library	存放DW庫(kù)文件
file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps3638.tmp.jpg	media	存放多媒體文件
file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps3649.tmp.jpg	project	存放工程項(xiàng)目資料
file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps365A.tmp.jpg	temp	存放客戶原始資料
file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps366A.tmp.jpg	js	存放JavaScript腳本
file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps367B.tmp.jpg	css	存放CSS文件

3.3 CSS 書寫規(guī)范基本原則：

CSS樣式可細(xì)分為3類：自定義樣式、重新定義HTML樣式、鏈接狀態(tài)樣式。

1. 樣式為設(shè)計(jì)師自定義的新 CSS 樣式，影響被使用本樣式的區(qū)域，用于完成網(wǎng)頁(yè)中局部的樣式設(shè)定。樣式名 “.”+“相應(yīng)樣式效果描述的單詞或縮寫”例：“ .shadow ”
文字樣式樣式名“.no”+“字號(hào)”+“行距”+“顏色縮寫”例：“ .no12 ”、“ .no12-24 ”

2. 義HTML樣式為設(shè)計(jì)師重新定義已有的HTML標(biāo)簽樣式，影響全部的被設(shè)定標(biāo)簽樣式，用于統(tǒng)一網(wǎng)頁(yè)中某一標(biāo)簽的樣式定義。樣式名“HTML標(biāo)簽”例：hr { border: 1px dotted #333333 }

3. 態(tài)樣式為設(shè)計(jì)師對(duì)鏈接不同狀態(tài)設(shè)定特殊樣式，影響被使用本樣式區(qū)域中的鏈接。
該樣式寫法有2種： a.nav:link nav.a:link 第一種只能修飾<a>標(biāo)簽中；第二種可以修飾所有包含有<a>標(biāo)簽的其他標(biāo)簽。

頁(yè)面內(nèi)的樣式加載必須用鏈接方式<link rel="stylesheet" type="text/css" href="style/style.css">

注意細(xì)則：

1. 協(xié)作開(kāi)發(fā)及分工: i會(huì)根據(jù)各個(gè)模塊, 同時(shí)根據(jù)頁(yè)面相似程序, 事先寫好大體框架文件, 分配給前端人員實(shí)現(xiàn)內(nèi)部結(jié)構(gòu)&表現(xiàn)&行為; 共用css文件base.css由i書寫, 協(xié)作開(kāi)發(fā)過(guò)程中, 每個(gè)頁(yè)面請(qǐng)務(wù)必都要引入, 此文件包含reset及頭部底部樣式, 此文件不可隨意修改;

2. class與id的使用: id是唯一的并是父級(jí)的, class是可以重復(fù)的并是子級(jí)的, 所以id僅使用在大的模塊上, class可用在重復(fù)使用率高及子級(jí)中; id原則上都是由我分發(fā)框架文件時(shí)命名的, 為JavaScript預(yù)留鉤子的除外;

3. 為JavaScript預(yù)留鉤子的命名, 請(qǐng)以 js_ 起始, 比如: js_hide, js_show;

4. class與id命名: 大的框架命名比如header/footer/wrapper/left/right之類的在2中由i統(tǒng)一命名.其他樣式名稱由小寫英文 & 數(shù)字 & _ 來(lái)組合命名, 如i_comment, fontred, width200; 避免使用中文拼音, 盡量使用簡(jiǎn)易的單詞組合; 總之, 命名要語(yǔ)義化, 簡(jiǎn)明化.

5. 規(guī)避class與id命名(此條重要, 若有不明白請(qǐng)及時(shí)與i溝通):

a, 通過(guò)從屬寫法規(guī)避, 示例見(jiàn)d;

b, 取父級(jí)元素id/class命名部分命名, 示例見(jiàn)d;

c, 重復(fù)使用率高的命名, 請(qǐng)以自己代號(hào)加下劃線起始, 比如i_clear;

d, a,b兩條, 適用于在2中已建好框架的頁(yè)面, 如, 要在2中已建好框架的頁(yè)面代碼<div id="mainnav"></div>中加入新的div元素,

按a命名法則: <div id="mainnav"><div class="firstnav">...</div></div>,

樣式寫法: #mainnav .firstnav{.......}

按b命名法則: <div id="mainnav"><div class="main_firstnav">...</div></div>,
樣式寫法: .main_firstnav{.......}

6. css屬性書寫順序, 建議遵循布局定位屬性-->自身屬性-->文本屬性-->其他屬性. 此條可根據(jù)自身習(xí)慣書寫, 但盡量保證同類屬性寫在一起. 屬性列舉: 布局定位屬性主要包括: margin、padding、float（包括clear）、position（相應(yīng)的 top,right,bottom,left）、display、visibility、overflow等；自身屬性主要包括: width & height & background & border; 文本屬性主要包括：font、color、text-align、text-decoration、text-indent等；其他屬性包括: list-style(列表樣式)、vertical-vlign、cursor、z-index(層疊順序) 、zoom等.我所列出的這些屬性只是最常用到的, 并不代表全部;

7. 書寫代碼前, 考慮并提高樣式重復(fù)使用率;

8. 充分利用html自身屬性及樣式繼承原理減少代碼量, 比如:

定義ul.list li{position:relative} ul.list li span{position:absolute; right:0}

即可實(shí)現(xiàn)日期居右顯示

9. 樣式表中中文字體名, 請(qǐng)務(wù)必轉(zhuǎn)碼成unicode碼, 以避免編碼錯(cuò)誤時(shí)亂碼;

10. 背景圖片請(qǐng)盡可能使用sprite技術(shù), 減小http請(qǐng)求, 考慮到多人協(xié)作開(kāi)發(fā), sprite按模塊制作;

11. 使用table標(biāo)簽時(shí)(盡量避免使用table標(biāo)簽), 請(qǐng)不要用width/ height/cellspacing/cellpadding等table屬性直接定義表現(xiàn), 應(yīng)盡可能的利用table自身私有屬性分離結(jié)構(gòu)與表現(xiàn), 如thead,tr,th,td,tbody,tfoot,colgroup,scope; (cellspaing及cellpadding的css控制方法: table{border:0;margin:0;border-collapse:collapse;} table th, table td{padding:0;} , base.css文件中我會(huì)初始化表格樣式)

12. 杜絕使用<meta http-equiv="X-UA-Compatible" content="IE=7" /> 兼容ie8;

13. 用png圖片做圖片時(shí), 要求圖片格式為png-8格式,若png-8實(shí)在影響圖片質(zhì)量或其中有半透明效果, 請(qǐng)為ie6單獨(dú)定義背景:

background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src=’img/bg.png’);

14. 避免兼容性屬性的使用, 比如text-shadow || css3的相關(guān)屬性;

15. 減少使用影響性能的屬性, 比如position:absolute || float ;

16. 必須為大區(qū)塊樣式添加注釋, 小區(qū)塊適量注釋;

17. 代碼縮進(jìn)與格式: 建議單行書寫, 可根據(jù)自身習(xí)慣, 后期優(yōu)化i會(huì)統(tǒng)一處理;

命名規(guī)則：

頭：header

內(nèi)容：content/container

尾：footer

導(dǎo)航：nav

側(cè)欄：sidebar

欄目：column

頁(yè)面外圍控制整體布局寬度：wrapper

左右中：left right center

登錄條：loginbar

標(biāo)志：logo

廣告：banner

頁(yè)面主體：main

熱點(diǎn)：hot

新聞：news

下載：download

子導(dǎo)航：subnav

菜單：menu

子菜單：submenu

搜索：search

友情鏈接：friendlink

頁(yè)腳：footer

版權(quán)：copyright

滾動(dòng)：scroll

內(nèi)容：content

標(biāo)簽頁(yè)：tab

文章列表：list

提示信息：msg

小技巧：tips

欄目標(biāo)題：title

加入：joinus

指南：guild

服務(wù)：service

注冊(cè)：regsiter

狀態(tài)：status

投票：vote

合作伙伴：partner

(二)注釋的寫法:

/* Footer */

內(nèi)容區(qū)

/* End Footer */

(三)id的命名:

(1)頁(yè)面結(jié)構(gòu)

容器: container

頁(yè)頭：header

內(nèi)容：content/container

頁(yè)面主體：main

頁(yè)尾：footer

導(dǎo)航：nav

側(cè)欄：sidebar

欄目：column

頁(yè)面外圍控制整體布局寬度：wrapper

左右中：left right center

(2)導(dǎo)航

導(dǎo)航：nav

主導(dǎo)航：mainbav

子導(dǎo)航：subnav

頂導(dǎo)航：topnav

邊導(dǎo)航：sidebar

左導(dǎo)航：leftsidebar

右導(dǎo)航：rightsidebar

菜單：menu

子菜單：submenu

標(biāo)題: title

摘要: summary

(3)功能

標(biāo)志：logo

廣告：banner

登陸：login

登錄條：loginbar

注冊(cè)：regsiter

搜索：search

功能區(qū)：shop

標(biāo)題：title

加入：joinus

狀態(tài)：status

按鈕：btn

滾動(dòng)：scroll

標(biāo)簽頁(yè)：tab

文章列表：list

提示信息：msg

當(dāng)前的: current

小技巧：tips

圖標(biāo): icon

注釋：note

指南：guild

服務(wù)：service

熱點(diǎn)：hot

新聞：news

下載：download

投票：vote

合作伙伴：partner

友情鏈接：link

版權(quán)：copyright\

基本樣式：

/* CSS Document */

body {margin:0; padding:0; font:12px "\5B8B\4F53",san-serif;background:#fff;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}

table,td,tr,th{font-size:12px;}

li{list-style-type:none;}

img{vertical-align:top;border:0;}

ol,ul {list-style:none;}

h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}

address,cite,code,em,th {font-weight:normal; font-style:normal;}

.fB{font-weight:bold;}

.f12px{font-size:12px;}

.f14px{font-size:14px;}

.left{float:left;}

.right{float:right;}

a {color:#2b2b2b; text-decoration:none;}

a:visited {text-decoration:none;}

a:hover {color:#ba2636;text-decoration:underline;}

a:active {color:#ba2636;}

重定義的最先，偽類其次，自定義最后，便于自己和他人閱讀！

不同瀏覽器上字號(hào)保持一致，字號(hào)建議用點(diǎn)數(shù)pt和像素px來(lái)定義，pt一般使用中文宋體的9pt 和11pt，px一般使用中文宋體12px和14.7px這是經(jīng)過(guò)優(yōu)化的字號(hào)，黑體字或者宋體字加粗時(shí)，一般選用11pt和14.7px的字號(hào)比較合適。中英文混排時(shí)，我們盡可能的將英文和數(shù)字定義為verdana 和arial 兩種字體。

3.4 html 書寫規(guī)范

1. 網(wǎng)頁(yè)制作細(xì)節(jié) ---- head區(qū)代碼規(guī)范

head區(qū)是指HTML代碼的<head>和</head>之間的內(nèi)容。

必須加入的標(biāo)簽

a) 公司版權(quán)注釋

b) 網(wǎng)頁(yè)顯示字符集

簡(jiǎn)體中文：

繁體中文：

英語(yǔ)：

c) 網(wǎng)頁(yè)制作者信息

d) 網(wǎng)站簡(jiǎn)介

e) 搜索關(guān)鍵字

f) 網(wǎng)頁(yè)的css規(guī)范

g) 網(wǎng)頁(yè)標(biāo)題

<title>xxxxxxxxxxxxxxxxxx</title>

可以選擇加入的標(biāo)簽

a) 設(shè)定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過(guò)期，必須到服務(wù)器上重新調(diào)閱。

b) 禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容。

c) 用來(lái)防止別人在框架里調(diào)用你的頁(yè)面。

d) 自動(dòng)跳轉(zhuǎn)。

<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http：//www.yahoo.com"> 5指時(shí)間停留5秒

e) 網(wǎng)頁(yè)搜索機(jī)器人向?qū)АＳ脕?lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引，哪些頁(yè)面不需要索引。

CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all。

f) 收藏夾圖標(biāo)

g) 所有的javascript的調(diào)用盡量采取外部調(diào)用.

h) 附<body>標(biāo)簽：

<body>標(biāo)簽不屬于head區(qū)，這里強(qiáng)調(diào)一下，為了保證瀏覽器的兼容性，必須設(shè)置頁(yè)面背景<body bgcolor="#FFFFFF">

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps368B.tmp.png

2. 網(wǎng)頁(yè)制作細(xì)節(jié) ---- 字體
1. 在設(shè)定字體樣式時(shí)對(duì)于文字字號(hào)樣式和行間距應(yīng)必須使用CSS樣式表。禁止在頁(yè)面中出現(xiàn) <font size=?> 標(biāo)記。
2.在網(wǎng)頁(yè)中中文應(yīng)首選使用宋體。英文和數(shù)字首選使用verdana 和arial 兩種字體。一般使用中文宋體的9pt 和11pt 或12px 和14.7px 這是經(jīng)過(guò)優(yōu)化的字號(hào)，黑體字或者宋體字加粗時(shí)，一般選用11pt 和14.7px 的字號(hào)比較合適。
3. 為了最大程度的發(fā)揮瀏覽器自動(dòng)排版的功能，在一段完整的文字中請(qǐng)盡量不要使用<br> 來(lái)人工干預(yù)分段。
4.不同語(yǔ)種的文字之間應(yīng)該有一個(gè)半角空格，但避頭的符號(hào)之前和避尾的符號(hào)之后除外，漢字之間的標(biāo)點(diǎn)要用全角標(biāo)點(diǎn)，英文字母和數(shù)字周圍的括號(hào)應(yīng)該使用半角括號(hào)。
5. 請(qǐng)不要在網(wǎng)頁(yè)中連續(xù)出現(xiàn)多于一個(gè)的，也盡量少使用全角空格（英文字符集下，全角空格會(huì)變成亂碼），空白應(yīng)該盡量使用 text-indent, padding, margin, hspace, vspace 以及透明的gif 圖片來(lái)實(shí)現(xiàn)。
6. 行距建議用百分比來(lái)定義，常用的兩個(gè)行距的值是line-height:120%/150%.
7. 排版中我們經(jīng)常會(huì)遇到需要進(jìn)行首行縮進(jìn)的處理，不要使用或者全角空格來(lái)達(dá)到效果，規(guī)范的做法是在樣式表中定義 p { text-indent: 2em; } 然后給每一段加上 <p> 標(biāo)記，注意，一般情況下，請(qǐng)不要省略 </p> 結(jié)束標(biāo)記。

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps369C.tmp.png

3. 網(wǎng)頁(yè)制作細(xì)節(jié) ---- 鏈接
1. 網(wǎng)站中的鏈接路徑全部采用相對(duì)路徑，一般鏈接到某一目錄下的缺省文件的鏈接路徑不必寫全名，如我們不必這樣：<a href=”aboutus/index.htm”> 而應(yīng)該這樣：<a href=”aboutus/”>，所有內(nèi)頁(yè)指向首頁(yè)的鏈接寫成<a href=”/”>
2. 在瀏覽器里，當(dāng)我們點(diǎn)擊空鏈接時(shí)，它會(huì)自動(dòng)將當(dāng)前頁(yè)面重置到首端，從而影響用戶正常的閱讀內(nèi)容，我們用代碼“javascript:void(null)”代替原來(lái)的“#”標(biāo)記

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps36AD.tmp.png

4. 網(wǎng)頁(yè)制作細(xì)節(jié) ---- 表格
1px表格 style="border-collapse: collapse"
實(shí)例如下：
<table border="1" cellspacing="0" width="32" height="32" style="border-collapse: collapse"
bordercolor="#000000" cellpadding="0">
<tr>
<td></td>
</tr>
</table>
設(shè)置亮、暗邊框顏色
表格有亮邊框（bordercolorlight）和暗邊框（bordercolordark）兩個(gè)屬性可以對(duì)表格樣式設(shè)置。
<table border="1" width="500" bordercolorlight="#000000" bordercolordark="#FFFFFF">
在寫 <table> 互相嵌套時(shí)，嚴(yán)格按照的規(guī)范，對(duì)于單獨(dú)的一個(gè)<table>來(lái)說(shuō)，<table><tr>對(duì)齊，<td> 縮進(jìn)兩個(gè)半角空格，<td> 中如果還有嵌套的表格，<table>也縮進(jìn)兩個(gè)半角空格，如果<td>中沒(méi)有任何嵌套的表格，</td> 結(jié)束標(biāo)記應(yīng)該與 <td> 處于同一行，不要換行，
如我們注意在源代碼中不應(yīng)有這樣的代碼：
<td><img src=”../images/sample.gif”>
</td>
而應(yīng)該是這樣的：
<td><img src=”../images/sample.gif”></td>
這是因?yàn)闉g覽器認(rèn)為換行相當(dāng)于一個(gè)半角空格，以上不規(guī)范的寫法相當(dāng)于無(wú)意中增加一個(gè)半角空格，如果確實(shí)有必要增加一個(gè)半角空格，也應(yīng)該這樣寫：
<td><img src=”../images/sample.gif”> </td>一個(gè)網(wǎng)頁(yè)要盡量避免用整個(gè)一張大表格，所有的內(nèi)容都嵌套在這個(gè)大表格之內(nèi)，因?yàn)闉g覽器在解釋頁(yè)面的元素時(shí)，是以表格為單位逐一顯示，如果一張網(wǎng)頁(yè)是嵌套在一個(gè)大表格之內(nèi)，那么很可能造成的后果就是，當(dāng)瀏覽者敲入網(wǎng)址，他要先面對(duì)一片空白很長(zhǎng)時(shí)間，然后所有的網(wǎng)頁(yè)內(nèi)容同時(shí)出現(xiàn)。如果必須這樣做，請(qǐng)使用 <tbody>標(biāo)記，以便能夠使這個(gè)大表格分塊顯示

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps36BD.tmp.png

5. 網(wǎng)頁(yè)制作細(xì)節(jié) ---- 下載速度
首頁(yè)Flash 網(wǎng)頁(yè)大小應(yīng)限定在 200K 以下，盡可能的使用矢量圖形和Action來(lái)減小動(dòng)畫大小。非首頁(yè)靜態(tài)頁(yè)面含圖片大小應(yīng)限定在 70K 左右，盡可能的使用背景顏色替換大塊同色圖片。

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps36BE.tmp.png

6. 網(wǎng)頁(yè)制作細(xì)節(jié) ---- include
asp標(biāo)準(zhǔn)寫法 
jsp 標(biāo)準(zhǔn)寫法 <%@ include file="../inc/index_top..jsp" %>

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps36CF.tmp.png

7. 網(wǎng)頁(yè)制作細(xì)節(jié) ---- Alt和Title
都是提示性語(yǔ)言標(biāo)簽，請(qǐng)注意它們之間的區(qū)別。

在我們?yōu)g覽網(wǎng)頁(yè)時(shí)，當(dāng)鼠標(biāo)停留在圖片對(duì)象或文字鏈接上時(shí)，在鼠標(biāo)的右下角有時(shí)會(huì)出現(xiàn)一個(gè)提示信息框。對(duì)目標(biāo)進(jìn)行一定的注釋說(shuō)明。在一些場(chǎng)合，它的作用是很重要的。

alt 用來(lái)給圖片來(lái)提示的。Title用來(lái)給鏈接文字或普通文字提示的。

用法如下：

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps36DF.tmp.png<img src="圖片.gif" alt="給圖片提示">

8. 網(wǎng)頁(yè)制作細(xì)節(jié) ---- 緩存

網(wǎng)頁(yè)不會(huì)被緩存

HTM網(wǎng)頁(yè)

ASP網(wǎng)頁(yè)

Response.Expires = -1

Response.ExpiresAbsolute = Now() - 1

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps36F0.tmp.pngResponse.cachecontrol = "no-cache"

9. 網(wǎng)頁(yè)制作細(xì)節(jié) ---- 瀏覽器兼容性
創(chuàng)建站點(diǎn)時(shí)，應(yīng)該明白訪問(wèn)者可能使用各種 Web 瀏覽器。在已知的其他設(shè)計(jì)限制下，盡可能將站點(diǎn)設(shè)計(jì)為具有最大的瀏覽器兼容性。
目前使用的 Web 瀏覽器有二十多種，大多數(shù)已發(fā)行了多個(gè)版本。即使您只針對(duì)使用 Netscape Navigator 和 Microsoft Internet Explorer 的大多數(shù) Web 用戶，但您應(yīng)明確并不是每個(gè)人都在使用這兩種瀏覽器的最新版本。
您的站點(diǎn)越復(fù)雜（在布局、動(dòng)畫、多媒體內(nèi)容和交互方面），跨瀏覽器兼容的可能性就越小。例如，并非所有的瀏覽器都可以運(yùn)行JavaScript。不使用特殊字符的純文本頁(yè)面或許能夠在任何瀏覽器中正確顯示，但比起有效地使用圖形、布局和交互的頁(yè)面，這樣的頁(yè)面在美感上可能要差得多。所以，應(yīng)盡量在最佳效果設(shè)計(jì)和最大瀏覽器兼容性設(shè)計(jì)之間取得平衡。
所有的HTML 標(biāo)簽的屬性都要用單引號(hào)或者雙引號(hào)括起，即我們應(yīng)該寫 <a href=”url”> 而不是 <a href=url>.

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps3701.tmp.png

10. 圖片處理細(xì)節(jié) ---- banner
全尺寸banner為468X60px，半尺寸banner為234X60px，小banner為88X31px。
另外120X90，120X60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸。全尺寸banner不超過(guò)14K。
普遍的banner尺寸760X100，750X120，468X60，468X95，728X90，585X140
次級(jí)頁(yè)的pip尺寸360X300，336X280
游標(biāo):100X100或120X120

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps3702.tmp.png

11. 圖片處理細(xì)節(jié) ---- LOGO的國(guó)際標(biāo)準(zhǔn)規(guī)范
為了便于INTERNET上信息的傳播，一個(gè)統(tǒng)一的國(guó)際標(biāo)準(zhǔn)是需要的。實(shí)際上已經(jīng)有了這樣的一整套標(biāo)準(zhǔn)。其中關(guān)于網(wǎng)站的LOGO，目前有三種規(guī)格：
88*31 這是互聯(lián)網(wǎng)上最普遍的LOGO規(guī)格。
120*60 這種規(guī)格用于一般大小的LOGO。
120*90 這種規(guī)格用于大型LOGO。

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps3712.tmp.png

12. 圖片處理細(xì)節(jié) ---- 頁(yè)面修飾圖片處理圖片經(jīng)過(guò)優(yōu)化以加快下載的速度,有較佳的視覺(jué)空間效果，用圖要與頁(yè)面風(fēng)格、頁(yè)面內(nèi)容相符；制作精美，細(xì)節(jié)處理得當(dāng)。

3.5 JavaScript書寫規(guī)范

1. 書寫過(guò)程中, 每行代碼結(jié)束必須有分號(hào); 原則上所有功能均根據(jù)XXX項(xiàng)目需求原生開(kāi)發(fā), 以避免網(wǎng)上down下來(lái)的代碼造成的代碼污染(沉冗代碼 || 與現(xiàn)有代碼沖突 || ...);

2. 庫(kù)引入: 原則上僅引入jQuery庫(kù), 若需引入第三方庫(kù), 須與團(tuán)隊(duì)其他人員討論決定;

3. 變量命名: 駝峰式命名. 原生JavaScript變量要求是純英文字母, 首字母須小寫, 如iTaoLun; jQuery變量要求首字符為'_', 其他與原生JavaScript 規(guī)則相同, 如: _iTaoLun; 另, 要求變量集中聲明, 避免全局變量.

4. 類命名: 首字母大寫, 駝峰式命名. 如 ITaoLun;

5. 函數(shù)命名: 首字母小寫駝峰式命名. 如iTaoLun();

6. 命名語(yǔ)義化, 盡可能利用英文單詞或其縮寫;

7. 盡量避免使用存在兼容性及消耗資源的方法或?qū)傩?/font>, 比如eval() & innerText;

8. 后期優(yōu)化中, JavaScript非注釋類中文字符須轉(zhuǎn)換成unicode編碼使用, 以避免編碼錯(cuò)誤時(shí)亂碼顯示;

9. 代碼結(jié)構(gòu)明了, 加適量注釋. 提高函數(shù)重用率;

10. 注重與html分離, 減小reflow, 注重性能.

3.6 圖片規(guī)范

1. 所有頁(yè)面元素類圖片均放入img文件夾, 測(cè)試用圖片放于img/demoimg文件夾;

2. 圖片格式僅限于gif || png || jpg;

3. 命名全部用小寫英文字母 || 數(shù)字 || _ 的組合，其中不得包含漢字 || 空格 || 特殊字符；盡量用易懂的詞匯, 便于團(tuán)隊(duì)其他成員理解; 另, 命名分頭尾兩部分, 用下劃線隔開(kāi), 比如ad_left01.gif || btn_submit.gif;

4. 在保證視覺(jué)效果的情況下選擇最小的圖片格式與圖片質(zhì)量, 以減少加載時(shí)間;

5. 盡量避免使用半透明的png圖片(若使用, 請(qǐng)參考css規(guī)范相關(guān)說(shuō)明);

6. 運(yùn)用css sprite技術(shù)集中小的背景圖或圖標(biāo), 減小頁(yè)面http請(qǐng)求, 但注意, 請(qǐng)務(wù)必在對(duì)應(yīng)的sprite psd源圖中劃參考線, 并保存至img目錄下。

3.7 注釋規(guī)范

1. html注釋: 注釋格式 , '--'只能在注釋的始末位置,不可置入注釋文字區(qū)域;

2. css注釋: 注釋格式 /*這兒是注釋*/;

3. JavaScript注釋, 單行注釋使用'//這兒是單行注釋' ,多行注釋使用 /* 這兒有多行注釋 */;

3.8 瀏覽器兼容性 CSS hack

一、標(biāo)識(shí)區(qū)別：
區(qū)別IE6,IE7,IE8,FF。
1. IE都能識(shí)別* ; 標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*；

2. IE6能識(shí)別*，但不能識(shí)別 !important; IE6在樣式前面加_

3. IE7能識(shí)別*，也能識(shí)別!important;

4. IE8能識(shí)別\ 9 例如：background:red \9;

5. firefox不能識(shí)別*，但能識(shí)別!important;

1．IE6和firefox的區(qū)別：
background:orange;*background:blue;
意思就是火狐瀏覽器的背景顏色是橙色,而IE瀏覽器的背景色是藍(lán)色.

2. IE6和IE7的區(qū)別：
background:green !important;background:blue;
意思指的是:IE7的背景顏色是綠色,IE6的背景顏色是藍(lán)色

3. IE7和FF的區(qū)別：
background:orange; *background:green;
意思指的是:火狐瀏覽器的背景顏色是橙色,而IE7的背景顏色是綠色

4. FF，IE7，IE6的區(qū)別：
background:orange;
*background:green !important;
*background:blue;
意思是火狐瀏覽器的的背景橙色,IE7瀏覽器的背景顏色是綠色,而IE6瀏覽器的顏色是藍(lán)色.

二、實(shí)踐建議

(1). 開(kāi)發(fā)平臺(tái)的選擇

在 Firefox 上編寫CSS, 同時(shí)兼容其他瀏覽器的. 這樣做肯定會(huì)比在 IE 做好再到別的瀏覽器兼容來(lái)得容易, 因?yàn)?IE 對(duì)老標(biāo)準(zhǔn)支持還是很不錯(cuò)的, 而 IE 的一些特有功能人家卻不支持. 所以推薦以 Firefox 結(jié)合 Firebug 擴(kuò)展作為平臺(tái)。

(2). CSS Hack 的順序

使用 Firefox 作為平臺(tái), 只要代碼寫得夠標(biāo)準(zhǔn), 其實(shí)要 Hack 的地方不會(huì)很多的, IE 以外的瀏覽器幾乎都不會(huì)有問(wèn)題, 所以可以暫時(shí)忽略,

順序如下：Firefox -> IE6 -> IE7 -> 其他

(3). Hack 的方法

說(shuō)到方法有兩種, 一種是在不同文件中處理, 另一種則是在同一個(gè)文件中處理. 其實(shí)作用是相同的, 只是出發(fā)點(diǎn)不一樣而已.

1. 同一文件中處理.
如: id="bgcolor"的控件要在 IE6中顯示藍(lán)色, IE7中顯示綠色, Firefox等其他瀏覽器中顯示紅色。

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps3723.tmp.png

IE6不認(rèn) !important,也不認(rèn) *+html.所以 IE6只能是 blue.
IE7認(rèn) !important,也認(rèn) *+html,優(yōu)先度: (*+html + !important) > !important > +html. IE7可以是 red, blue和 green,但 green的優(yōu)先度最高.
Firefox和其他瀏覽器都認(rèn) !important. !important優(yōu)先, Firefox可以是 red和 blue,但 red優(yōu)先度高.上述的優(yōu)先符號(hào)均是 CSS3標(biāo)準(zhǔn)允許的,其他瀏覽器也還有其他的 Hack方法,但我迄今還沒(méi)遇到過(guò) Firefox正常, IE以外的其他瀏覽器不正常的情況,所以無(wú)可分享.只要代碼規(guī)范,相信這種情況的發(fā)生應(yīng)該是很罕見(jiàn) (JavaScript除外).

2. 不同文件中處理.
為什么同一文件中可以處理還要寫在多個(gè)文件里面針對(duì)不同的瀏覽器?這是為了欺騙 W3C的驗(yàn)證工具,其實(shí)只需要兩個(gè)文件,一個(gè)是針對(duì)所有瀏覽器的,一個(gè)只為 IE服務(wù).將所有符合 W3C的代碼寫到一個(gè)里面去,而一些 IE中必須的,又不能通過(guò) W3C驗(yàn)證的代碼 (如: cursor:hand;)放到另一個(gè)文件中,再用下面的方法導(dǎo)入.

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps3733.tmp.png

三、程序員應(yīng)有素質(zhì)

　　程序員(英文Programmer)是從事程序開(kāi)發(fā)、維護(hù)的專業(yè)人員。一般我們將程序員分為程序設(shè)計(jì)人員和程序編碼員，但兩者的界限并不非常清楚，特別是在中國(guó)。　　

　　作一個(gè)真正合格的程序員，應(yīng)該具有的素質(zhì)。　　

　　1、團(tuán)隊(duì)精神和協(xié)作能力　　

　　團(tuán)隊(duì)精神和協(xié)作能力是作為一個(gè)程序員應(yīng)具備的最基本的素質(zhì)。軟件工程已經(jīng)提了將近三十年了，當(dāng)今的軟件開(kāi)發(fā)已經(jīng)不是編程了，而是工程。獨(dú)行俠可以寫一些程序也能賺錢發(fā)財(cái)，但是進(jìn)入研發(fā)團(tuán)隊(duì)，從事商業(yè)化和產(chǎn)品化的開(kāi)發(fā)任務(wù)，就必須具備這種素質(zhì)。可以毫不夸張的說(shuō)這種素質(zhì)是一個(gè)程序員乃至一個(gè)團(tuán)隊(duì)的安身立命之本。　　

　　2、文檔習(xí)慣　　

　　文檔是一個(gè)軟件系統(tǒng)的生命力。一個(gè)公司的產(chǎn)品再好、技術(shù)含量再高，如果缺乏文檔，知識(shí)就沒(méi)有繼承，公司還是一個(gè)來(lái)料加工的軟件作坊。作為代碼程序員，必須將30％的工作時(shí)間寫用于技術(shù)文檔。沒(méi)有文檔的程序員勢(shì)必會(huì)被淘汰。　　3、規(guī)范化的代碼編寫習(xí)慣　　

　　知名軟件公司的代碼的變量命名、注釋格式，甚至嵌套中行縮進(jìn)的長(zhǎng)度和函數(shù)間的空行數(shù)字都有明確規(guī)定，良好的編寫習(xí)慣，不但有助于代碼的移植和糾錯(cuò)，也有助于不同技術(shù)人員之間的協(xié)作。一些所謂的高手甚至叫囂高手寫的代碼一般人看不懂，我只能說(shuō)他不是一名合格的程序員。　　

　　4、需求理解能力　　

　　程序員要能正確理解任務(wù)單中描述的需求。在這里要明確一點(diǎn)，程序員不僅僅要注意到軟件的功能需求，還應(yīng)注意軟件的性能需求，要能正確評(píng)估自己的模塊對(duì)整個(gè)項(xiàng)目中的影響及潛在的威脅，如果有著兩到三年項(xiàng)目經(jīng)驗(yàn)的熟練程序員對(duì)這一點(diǎn)沒(méi)有體會(huì)的話，只能說(shuō)明他或許是認(rèn)真工作過(guò)，但是沒(méi)有用心工作。　　

　　5、模塊化思維能力　　

　　作為一個(gè)優(yōu)秀的程序員，他的思想不能在局限當(dāng)前的工作任務(wù)里面，要想想看自己寫的模塊是否可以脫離當(dāng)前系統(tǒng)存在，通過(guò)簡(jiǎn)單的封裝在其他系統(tǒng)中或其他模塊中直接使用。這樣做可以使代碼能重復(fù)利用，減少重復(fù)的勞動(dòng)，也能是系統(tǒng)結(jié)構(gòu)越趨合理。模塊化思維能力的提高是一個(gè)程序員的技術(shù)水平提高的一項(xiàng)重要指標(biāo)。　　

　　6、測(cè)試習(xí)慣　　

　　測(cè)試是軟件工程質(zhì)量保證的重要環(huán)節(jié)，但是測(cè)試不僅僅是測(cè)試工程師的工作，而是每個(gè)程序員的一種基本職責(zé)。程序員要認(rèn)識(shí)測(cè)試不僅是正常的程序調(diào)試，而要是要進(jìn)行有目的有針對(duì)性的異常調(diào)用測(cè)試，這一點(diǎn)要結(jié)合需求理解能力。　　

　　7、學(xué)習(xí)和總結(jié)的能力　　

　　程序員是很容易被淘汰的職業(yè)，所以要善于學(xué)習(xí)總結(jié)。許多程序員喜歡盲目追求一些編碼的小技巧，這樣的技術(shù)人員無(wú)論學(xué)了多少語(yǔ)言，代碼寫起來(lái)多熟練，我們只能說(shuō)他是一名熟練的代碼民工，他永遠(yuǎn)都不會(huì)有質(zhì)的提高。一個(gè)善于學(xué)習(xí)的程序員會(huì)經(jīng)常總結(jié)自己的技術(shù)水平，對(duì)自己的技術(shù)層面要有良好的定位，這樣才能有目的地提高自己。這樣才能逐步提高，從程序員升級(jí)為軟件設(shè)計(jì)師、系統(tǒng)分析員。　　

　　作為高級(jí)程序員，乃至于設(shè)計(jì)師而言，除了應(yīng)該具備上述全部素質(zhì)之外，還需要具備以下素質(zhì)：　　

　　1、需求分析能力　　　

　　2、整體框架能力　　

　　3、流程處理能力　　

　　4、模塊分解能力　　

　　5、整體項(xiàng)目評(píng)估能力　　

6、團(tuán)隊(duì)組織管理能力

除此之外，還應(yīng)具備以下特質(zhì)：　　

　　1、激情　　

　　我曾經(jīng)遇到許多“職業(yè)程序員”，他們從事IT是因?yàn)橛X(jué)得這是一種職業(yè)，他們只在工作時(shí)間編程，除非送去培訓(xùn)否則他們不會(huì)學(xué)習(xí)新東西，這不是好的程序員。我認(rèn)為一個(gè)好的程序員總是對(duì)編程充滿激情，而且好的開(kāi)發(fā)者會(huì)做一些編程工作即使這沒(méi)有報(bào)酬。激情是一個(gè)優(yōu)秀程序員的重要指標(biāo)。　　

　　2、自學(xué)好學(xué) 　　

　　編程領(lǐng)域始終發(fā)展變化著，不出一年有些新技術(shù)就變成了老技術(shù)，這并不是說(shuō)好的程序員要對(duì)所有新技術(shù)跟進(jìn)，但有些卻對(duì)學(xué)習(xí)任何新技術(shù)都沒(méi)有興趣。他們通常在學(xué)校學(xué)習(xí)了編程，然后工作后單位安排學(xué)什么就學(xué)什么。如果在招聘中你聽(tīng)到“讓我培訓(xùn)一個(gè)星期我就會(huì)勝任這個(gè)工作”那不要雇傭他。實(shí)際上，真正優(yōu)秀的程序員始終談?wù)撝闼恢赖男录夹g(shù)，向人們解釋為什么你必須用這個(gè)技術(shù)，哪怕沒(méi)有聽(tīng)眾聽(tīng)得明白，哪怕他自己也不明白。　　

　　3、聰明　　

　　聰明包括很多因素，情緒和社會(huì)交際只是其中之一。好的程序員絕不木訥，他們是最聰明的人，他們中的許多善于交際，健談、興趣廣泛。　　

　　4、隱性的經(jīng)驗(yàn) 　　

　　—好的程序員通常有自己的私人的一些研究、愛(ài)好、項(xiàng)目，而這些是他們不寫在簡(jiǎn)歷上 (通常覺(jué)得不值得寫)，但表現(xiàn)出來(lái)卻可能恰恰是他的潛能、深度和后勁所在。　　

　　5、技術(shù)多樣性　　

　　由于好的程序員喜歡學(xué)習(xí)和涉獵新技術(shù)，所以一般來(lái)說(shuō)超過(guò)22歲的都熟知很多新技術(shù)，而且對(duì)多種技術(shù)的長(zhǎng)短有 “強(qiáng)烈”的個(gè)人意見(jiàn)/見(jiàn)解，喜好嘗試新鮮技術(shù)。　　

　　6、資格證書　　

　　資格證書并不是識(shí)別真正程序員的方法，MCSE、SCJP說(shuō)明不了什么，它們只是讓別人認(rèn)識(shí)和獲取的，頂多代表這個(gè)人在某個(gè)技術(shù)有一定的知識(shí)。　　

以上所說(shuō)的標(biāo)準(zhǔn)并不是絕對(duì)的，因?yàn)橛行﹥?yōu)秀的程序員確實(shí)不符合上述，而有些bad程序員卻符合了。但相信這些對(duì)大多數(shù)真正的程序員都適用。

帳號(hào)		自動(dòng)登錄	找回密碼
密碼			立即注冊(cè)

久久久久久久999_99精品久久精品一区二区爱城_成人欧美一区二区三区在线播放_国产精品日本一区二区不卡视频_国产午夜视频_欧美精品在线观看免费

前、后端開(kāi)發(fā)程序員部門工作手冊(cè)