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