程序員工作流程
程序員工作流程
程序員的工作流程是什么,程序員主要負(fù)責(zé)哪些職責(zé),關(guān)于程序員有哪些了解.以下是學(xué)習(xí)啦小編為大家整理的關(guān)于程序員工作流程，給大家作為參考，歡迎閱讀!
程序員工作流程
1、 目的：
為了更好的滿足客戶對(duì)網(wǎng)站頁(yè)面的要求;
2、 范圍：
適應(yīng)于程序員;
3、 流程說(shuō)明
3.1客戶提出網(wǎng)站功能的要求;
3.2網(wǎng)頁(yè)程序員根據(jù)客戶的要求，設(shè)計(jì)動(dòng)態(tài)功能;
3.3項(xiàng)目負(fù)責(zé)人對(duì)設(shè)計(jì)的頁(yè)面進(jìn)行審核，如果符合要求交給客戶審核，如不符合要求，則返回給程序員重新修改;
3.4 客戶對(duì)頁(yè)面進(jìn)行審核，如果符合要求，須填寫網(wǎng)頁(yè)功能確認(rèn)書，如不符合要求，則返回給程序員重新制作;
3.5、程序員完成的靜態(tài)頁(yè)面和后臺(tái)程序進(jìn)行整合。
4、XHTML編碼規(guī)范
(1)使用過(guò)度的(Transitional)XHTML1.0DTD編寫網(wǎng)頁(yè)。
每個(gè)HTML頁(yè)面的基本結(jié)構(gòu)必須是：
內(nèi)容
(3)CSS和JavaScript必須使用外部調(diào)用的方式。
例如：
(4) 所有的標(biāo)記都必須要有一個(gè)相應(yīng)的結(jié)束標(biāo)記。
所有標(biāo)簽必須關(guān)閉。假如是單獨(dú)不成對(duì)的標(biāo)簽，在標(biāo)簽最后加一個(gè)"/"來(lái)關(guān)閉它。例如：
…
或者
所有標(biāo)簽的元素和屬性的名字都必須使用小寫。
所有的標(biāo)簽和屬性都要用小寫。例如：
要寫成
onMouseOver=‖…‖
要寫成
onmouseover=‖‖
所有的XHTML標(biāo)記都必須合理嵌套。
也就是說(shuō)所有的標(biāo)簽必須對(duì)齊。例如不能出現(xiàn)
而要是
所有的屬性必須用引號(hào)""括起來(lái)。
必須修改為：
不要在注釋內(nèi)容中使―–‖， 一定要使用可用―=‖代替。
―–‖只能發(fā)生在XHTML注釋的開頭和結(jié)束，例如：
要改為
使用語(yǔ)義標(biāo)簽。
每個(gè)區(qū)塊的劃分必須有注釋。
表現(xiàn)與結(jié)構(gòu)分離，代碼中嚴(yán)格控制涉及任何的表現(xiàn)元素。如style、font、bgColor、border等。
標(biāo)簽必須有alt屬性。5、CSS編碼規(guī)范
1)、 總體規(guī)范
CSS代碼要按照固定格式編寫，屬性之間不換行。
屬性按照―顯示屬性‖(display ?list-style? position? float? clear)——―自身屬性‖(width? ?height? ?margin? padding? border? ?background )——―文本屬性‖(color font text-decoration text-align vertical-align white-space other text content)的順序來(lái)編寫。 按照XHTML的層級(jí)來(lái)縮進(jìn)CSS的定義。加強(qiáng)代碼的結(jié)構(gòu)性。如：
#nav{} #nav #sub_nav{}
不同的塊之間要用空行或者注釋隔開。
編寫的樣式要在主流瀏覽器中解析正常。(正常并不要求在每種瀏覽器都有中都有一摸一樣的樣式，但要求在每種瀏覽器里都比較美觀且相差不大。)
2)、 CSS樣式表各區(qū)塊用注釋說(shuō)明
注釋的寫法:
/* Footer */
內(nèi)容區(qū)
/* End Footer */
3)、 CSS選擇器的命名規(guī)范
id和class命名采用該版塊的英文單詞或組合命名，要做到見名之意，單詞之間采用下劃線鏈接new_Release。注意不能采用―駝峰標(biāo)識(shí)‖的寫法。
顏色:使用顏色的名稱或者16進(jìn)制代碼,如
.red { color: red; }
.ff8600 { color: #ff8600; }
字體大小,直接使用"font_字體大小"作為名稱,如
.font_12px { font-size: 12px; }
.font_9pt {font-size: 9pt; }
對(duì)齊樣式,使用對(duì)齊目標(biāo)的英文名稱,如
.left { float:left; }
.bottom { float:bottom; }
標(biāo)題欄樣式,使用"類別_功能"的方式命名,如
.bar_news { }
.bar_product { }
頁(yè)面結(jié)構(gòu)
容器 布局 頭部 尾部 側(cè)欄
#container #layout #head、#header #foot、#footer #sidebar
左邊欄 右邊欄 頁(yè)面主體 欄目 包裝/外套
#sidebar_left #sidebar_right #main #column #wrapper、wrap
內(nèi)容
#content
導(dǎo)航
導(dǎo)航 主導(dǎo)航 頂導(dǎo)航 左導(dǎo)航 右導(dǎo)航
#nav #main_nav #top_nav left_nav right_nav
下導(dǎo)航 二級(jí)導(dǎo)航 菜單 二級(jí)菜單 下拉
bottom_nav #sub_nav #menu #sub_menu .drop
下拉菜單
. drop_menu
功能
標(biāo)簽 提示信息 小技巧 注釋 熱點(diǎn)
.tab、.tag .msg、.message .tips .note .hot
標(biāo)簽 工具條 標(biāo)題 LOGO 搜索
.label .tool、.tool_bar .title .logo .search
搜索條 搜索框 搜索輸入框 搜索輸出框 搜索結(jié)果
.search_bar .search_box .search_input .search_output .search_results
注冊(cè) 登錄 登錄條 登錄框 友情鏈接
.register .login .login_bar .login_box .friend_link
廣告/標(biāo)語(yǔ) 版權(quán)信息 加入我們 合作伙伴 服務(wù)
.banner .copyright .join_us .partner .service
網(wǎng)站地圖 縮略圖 產(chǎn)品 產(chǎn)品價(jià)格 產(chǎn)品描述
.site_map .screen_shot products products_prices products_description
編輯 編輯評(píng)論
editor editor_review
其他
左中右 上中下 按鈕 面包屑 滾動(dòng)
left、center、right top、middle、bottom btn bread_crumb scroll
當(dāng)前： 圖標(biāo) 箭頭 首頁(yè) 二級(jí)頁(yè)面
current icon arrow home_page sub_page
狀態(tài) 常見問(wèn)題 關(guān)鍵詞
status faq keyword
4)、 CSS文件命名規(guī)范
基本的樣式表，每個(gè)文件都要引用的命名為： default.css。
該文件用于定義整站的風(fēng)格，如站點(diǎn)的默認(rèn)字體大小，默認(rèn)鏈接樣式等。
用于布局的樣式表命名為：layout.css。
一般分為首頁(yè)布局，二級(jí)頁(yè)面布局，詳細(xì)頁(yè)面布局等幾個(gè)塊，塊與塊之間要用注釋隔開。 頭部，底部，導(dǎo)航等單獨(dú)的頁(yè)面模塊要單獨(dú)的定義一個(gè)CSS文件。名稱和頁(yè)面名稱相同。如：head.css
首頁(yè)要單獨(dú)定義一個(gè)CSS文件：index.css。
其他頁(yè)面可更具情況共用一個(gè)或按照網(wǎng)站欄目共用幾個(gè)CSS文件。如：page.css、news.css等等。
特殊功能可以單獨(dú)定義一個(gè)CSS文件，4.6.21 如lightBox.css。
5) 、JavaScript編碼規(guī)范
JavaScript文件
JavaScript程序應(yīng)獨(dú)立保存在后綴名為.js的文件中。JavaScript代碼不能被包含在HTML文件中,除非這是段特定只屬于此部分的代碼。JavaScript引用應(yīng)盡量放到body的后面。這樣可以減少因?yàn)檩d入JavaScript而造成其他頁(yè)面內(nèi)容載入也被延遲的問(wèn)題。
注釋
代碼必須有注釋。以便給以后需要理解你的代碼的人們(或許就是你自己)留下信息。注釋要和所注釋的代碼一樣是書寫良好且清晰明了。避免冗長(zhǎng)或者情緒化。及時(shí)地更新注釋。避免錯(cuò)誤的注釋存在于程序中。
變量聲明
所有的變量必須在使用前進(jìn)行聲明。將var語(yǔ)句放在函數(shù)的首部。把每個(gè)變量的聲明語(yǔ)句單獨(dú)放到一行,并加上注釋說(shuō)明。
var currentEntry; // 當(dāng)前選擇項(xiàng)
var level; // 縮進(jìn)程度
var size; // 表格大小
函數(shù)聲明
所有的函數(shù)在使用前進(jìn)行聲明。 內(nèi)函數(shù)的聲明跟在var語(yǔ)句的后面。
函數(shù)名與((左括號(hào))之間不要有空格。)(右括號(hào))與 開始程序體的{(左大括號(hào))之間應(yīng)插入一個(gè)空格。函數(shù)程序體應(yīng)縮進(jìn)一個(gè)TAB鍵。}(右大括號(hào))與聲明函數(shù)的那一行代碼頭部對(duì)齊。 function outer(c, d) {
var e = c * d;
function inner(a, b) {
return (e * a) + b;
}
return inner(0, 1);
}
命名變量名由26個(gè)大小寫字母(A..Z,a..z),10個(gè)數(shù)字(0..9),和_(下劃線)組成。大多數(shù)的變量名和方法命應(yīng)以小寫字母開頭。必須與new共同使用的構(gòu)造函數(shù)名應(yīng)以大寫字母開頭。全局變量要全部大寫。
語(yǔ)句
簡(jiǎn)單語(yǔ)句
每一行最多只包含一條語(yǔ)句。把;(分號(hào))放到每條簡(jiǎn)單語(yǔ)句的結(jié)尾處。注意一個(gè)函數(shù)賦值或?qū)ο筚x值語(yǔ)句也是賦值語(yǔ)句,要以分號(hào)結(jié)尾。
復(fù)合語(yǔ)句
復(fù)合語(yǔ)句是被包含在{ }(大括號(hào))的語(yǔ)句序列。被括起的語(yǔ)句必須多縮進(jìn)一個(gè)TAB鍵。 {(左大括號(hào))應(yīng)在復(fù)合語(yǔ)句其實(shí)行的結(jié)尾處。 }(右大括號(hào))應(yīng)與{(左大括號(hào))的那一行的開頭對(duì)齊大括號(hào)要在所有復(fù)合語(yǔ)句中使用,即使只有一條語(yǔ)句,當(dāng)它們是控制結(jié)構(gòu)的一部分時(shí), 比如一個(gè)if或者for語(yǔ)句。這樣做可以避免以后添加語(yǔ)句時(shí)造成的錯(cuò)誤。
return 語(yǔ)句
一條有返回值的return語(yǔ)句不要使用( )(括號(hào))來(lái)括住返回值。如果返回表達(dá)式,則表達(dá)式應(yīng)與return 關(guān)鍵字在同一行。
if 語(yǔ)句
if語(yǔ)句應(yīng)如以下格式:
if (condition){
statements;
}
if (condition) {
statements;
} else {
statements;
}
if (condition) {
statements;
} else if (condition) {
statements;
} else {
statements;
}
for 語(yǔ)句
for語(yǔ)句應(yīng)如以下格式:
for (initialization;condition; update) {
statements;
}
for (variable in object)if (filter) {
statements;
}
第一種形式的循環(huán)用于已經(jīng)知道相關(guān)參數(shù)的數(shù)組循環(huán)。第二種形式應(yīng)用于對(duì)象中。object原型中的成員將會(huì)被包含在迭代器中。通過(guò)預(yù)先定義hasOwnProperty方法來(lái)區(qū)分真正的object成員：
for (variablein object) if (object.hasOwnProperty(variable)){
statements;
}
while 語(yǔ)句
while語(yǔ)句應(yīng)如以下格式:
while (condition){
statements;
}
do 語(yǔ)句
do語(yǔ)句應(yīng)如以下格式:
do {
statements;
} while (condition);
不像別的復(fù)合語(yǔ)句,do語(yǔ)句總是以;(分號(hào))結(jié)尾。
switch 語(yǔ)句
switch語(yǔ)句應(yīng)如以下格式:
switch (expression){
case expression:
statements;
default:
statements;
}
每個(gè) case與switch對(duì)齊。每一組statements(除了default應(yīng)以 break,return,或者throw結(jié)尾。不要讓它順次往下執(zhí)行。
try 語(yǔ)句
try語(yǔ)句應(yīng)如以下格式:
try {
statements;
} catch (variable){
statements;
}
try {
statements;
} catch (variable){
statements;
} finally {
statements;
}
continue 語(yǔ)句
避免使用continue語(yǔ)句。它容易使得程序的邏輯過(guò)程晦澀難懂。
with 語(yǔ)句
不要使用with語(yǔ)句。
空白
用空行來(lái)將邏輯相關(guān)的代碼塊分割開可以提高程序的可讀性?？崭駪?yīng)在以下情況時(shí)使用:跟在((左括號(hào))后面的關(guān)鍵字應(yīng)被一個(gè)空格隔開。while (true) {函數(shù)參數(shù)與((左括號(hào))之間不要有空格。這能幫助區(qū)分關(guān)鍵字和函數(shù)調(diào)用。所有的二元操作符,除了.(點(diǎn)) 和((左括號(hào))和 [(左方括號(hào))應(yīng)用空格將其與操作數(shù)隔開。一元操作符與其操作數(shù)之間不應(yīng)有空格,除非操作符是個(gè)單詞,比如typeof。每個(gè)在控制部分,比如for 語(yǔ)句中的; (分號(hào))后須跟一個(gè)空格。每個(gè),(逗號(hào))后應(yīng)跟一個(gè)空格。
6、 根據(jù)效果圖利用XHTML/CSS/JavaScript/DOM/Flash等各種Web技術(shù)進(jìn)行產(chǎn)品的界面開發(fā)。
7、 開發(fā)JavaScript以及Flash模塊，
8、 增加交互動(dòng)態(tài)功能。致力于通過(guò)技術(shù)改善用戶體驗(yàn)。
9、 結(jié)合后臺(tái)程序，
10、 從后臺(tái)接口獲取數(shù)據(jù)整合到前臺(tái)界面顯示。
程序員的日常工作
確認(rèn)通過(guò)審查方案的目標(biāo)，輸入數(shù)據(jù)，分析師，監(jiān)事，和客戶的輸出要求的項(xiàng)目要求。
安排項(xiàng)目要求在編程序列分析要求;準(zhǔn)備工作流程圖和使用計(jì)算機(jī)知識(shí)的能力，題材，編程語(yǔ)言和邏輯圖。
編碼工作流程的信息轉(zhuǎn)換成計(jì)算機(jī)語(yǔ)言的項(xiàng)目要求。
通過(guò)輸入編碼信息的計(jì)算機(jī)程序。
確認(rèn)程序操作進(jìn)行測(cè)試，修改程序序列和/或代碼。
準(zhǔn)備寫操作指令供用戶參考。
保持歷史記錄，通過(guò)記錄方案的制定和修訂。
維護(hù)客戶的信心和保護(hù)保密的業(yè)務(wù)。
技能/資格：一般的編程技巧，分析信息，解決問(wèn)題，軟件算法設(shè)計(jì)，軟件性能優(yōu)化，注重細(xì)節(jié)，軟件設(shè)計(jì)，軟件調(diào)試，軟件開發(fā)基礎(chǔ)，軟件文檔，軟件測(cè)試。程序員其實(shí)分為很多種，大家開發(fā)的語(yǔ)言可能不盡相同，但是都是有他們的共同點(diǎn)。
程序員工作流程相關(guān)文章：
1.程序員的工作流程