Web前端開(kāi)發(fā)規(guī)范手冊(cè)pdf格式免費(fèi)完整版

這是一份pdf格式免費(fèi)完整版web前端開(kāi)發(fā)教程——Web前端開(kāi)發(fā)規(guī)范手冊(cè)（以下簡(jiǎn)稱為web開(kāi)發(fā)手冊(cè)）。該手冊(cè)內(nèi)容包括文件命名規(guī)則、css書(shū)寫(xiě)規(guī)范、 JavaScript書(shū)寫(xiě)規(guī)范、css瀏覽器兼容等等，是一份非常不錯(cuò)的學(xué)習(xí)web前端開(kāi)發(fā)的教程，如果你想要下載這份web開(kāi)發(fā)手冊(cè)的話，只需點(diǎn)擊本文相應(yīng)的下載地址即可進(jìn)行下載哦！希望這份手冊(cè)能對(duì)大家有所幫助！

web開(kāi)發(fā)手冊(cè)內(nèi)容節(jié)選

……

一、規(guī)范目的

1.1 概述  .....................................  1

二、文件規(guī)范

2.1 文件命名規(guī)則... ...................... 1

2.2 文件存放位置 .......................... 2

2.3 css 書(shū)寫(xiě)規(guī)范 .......................... 3

2.4 html 書(shū)寫(xiě)規(guī)范 ......................... 7

2.5 JavaScript 書(shū)寫(xiě)規(guī)范 ............. 11

2.6 圖片規(guī)范 ................................... 12

2.7 注釋規(guī)范 ................................... 13

2.8 css 瀏覽器兼容 ....................... 13

……

一、規(guī)范目的

1.1 概述

為提高團(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)討論決定后可以更改此文檔.

二、文件規(guī)范

2.1 文件命名規(guī)則

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

a. HTML 的命名原則

引文件統(tǒng)一使用 index.htm index.html index.asp 文件名（小寫(xiě)）

……

二、實(shí)踐建議

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

在 Firefox 上編寫(xiě) 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), 只要代碼寫(xiě)得夠標(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 等其他瀏覽器中顯示紅色。

……

web開(kāi)發(fā)手冊(cè)內(nèi)容截圖