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

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

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

……

一、規(guī)范目的

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

二、文件規(guī)范

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

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

2.3 css 書寫規(guī)范 .......................... 3

2.4 html 書寫規(guī)范 ......................... 7

2.5 JavaScript 書寫規(guī)范 ............. 11

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

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

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

……

一、規(guī)范目的

1.1 概述

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

二、文件規(guī)范

2.1 文件命名規(guī)則

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

a. HTML 的命名原則

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

……

二、實(shí)踐建議

(1). 開發(fā)平臺的選擇

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

(2). CSS Hack 的順序

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

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

(3). Hack 的方法

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

1. 同一文件中處理.

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

……

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