前臺頁面編碼規範

Html 編碼規範

• 語義化結構 (使用符合語義的標籤書寫 HTML 文檔，選擇恰當的元素表達所需的含義)
• 全部的標籤元素和屬性的名字都必須使用小寫; 屬性值必須加雙引號; 全部的標記都必須有一個相應的結束標記 ;嵌套標籤必須合理
• 同級標記 上下應對齊，父級標記與子標記之間的標籤元素要有必定的縮進。多行類似的代碼出現要對齊。
• 注意圖片大小以及保存格式：結構圖片保存成 gif格式的；組合多個不一樣的背景小圖標到一張圖上而且擺放整齊有序，而後保存透明 gif /png 的格式；圖片大小最大不能超過80k；圖片增長alt 屬性.
• css樣式 、html結構、 js腳本 三者進行徹底分離。（css js 外部引用，js放在頁面結構的末尾）
• 加註釋（嵌套太多的層之間要加必定的註釋）
• 結構儘可能簡單化， 頁面內不能用<br/> 來佈局 ，若是有特殊符號 要用字符代替，好比 "<" 必須用"&lt"來代替

Css 編碼規範

• 命名規範 語義化命名。class的命名連字符用 "-" 不能用下劃線"_"，class命名最長不能超過12個字符。
• 屬性書寫要有順序: 依位置 、盒模型、內容裝飾屬性的順序來寫， 例如：屬性值是隨便給的，

  Position:absolute;  display:  none;  overflow: hidden; float: left; clear: both; width:960px; height: 300px; margin: 0; padding: 0; border: 1px solid  #ccc; background: #ccc; font-family: 「verdaba」 ; font-size: 12px; font-weight: bold; color: #555; text-decoration: underline;  line-height: 22px; text-align: left;  vartical-align: baseline; direction: ltr; z-index: 3;

• 書寫規範：類名 與左大括「{」號有空格,每一個屬性值後面以分號隔開，分號後必須有空格。
• 頭尾公共樣式單獨放一個文件 命名爲：base.css, 首頁：index.css 列表: list.css ,內容：info.css, 專題:special.css

Js 編碼規範

• 命名規範 變量的命名：以字母、下劃線_ 、數字開頭的命名，可是通常最好是用小寫字母開頭 ；函數名：用駱駝式語義的命名法.例如：一個刪除的函數 function removeElement(){} 。
• 代碼的縮進，用Tab縮進來代替 4個空格鍵。函數體裏的每行代碼塊 都要有個縮進。
• 變量與方法之間必須空一行。若是多個變量能夠用一個var一次性聲明，例如 var a = ‘abc’ , b = ‘dag’, c = ‘dfa’; 若是變量不少，適當的換行。
• 儘可能少用全局變量。用傳參的方式 把全局變量 轉化爲局部變量。
• 每行代碼都要有必定含義。代碼要有必定的順序。寫函數時要必定要對象化。函數封裝的目的是重用性。
• 每條語句結束後必須有個分號;每一個的逗號，分號 後必須有空格
• 代碼的空格。(1)每一個運算符兩邊必須用空格； (2)函數名()裏的參數,若是有多個參數 用","分開而且在","後空一格，函數名與左括號"("之間不能有空格。例如:function createEle(newObj, parentObj); (3)若是是匿名函數的話 function 與"（" 之間必須有個空格,例如function （）；這樣不至於誤認爲函數名是function；（4） 函數名的右小括號")" 與左大括號 "{" 必須有個空格 且在這行的最末位置。 函數的 右大括號"}"必須與該函數的function對齊。例如：

         window.onload = function() {

                   addBtn.onclick = function() {

                            createEle();

                   };

        

                   removeBtn.onclick = function() {

                            var box = document.getElementById("boxcon");

                           

                            removeEle(box.lastChild);

                   };

                  

         }

     (5)for循環與左括號之間"(" 之間有空格；例如:

      for (var i = 0; i < obj.length; i++) {

         //代碼塊

      }

 Fo r

    註釋：每一個方法都要有必定的註釋，且寫在函數上面，函數內部的變量的註釋 可寫在後面。

  字面量：建立 數組，對象，等均可以用字面量來建立。

  例如：建立數組 var newArray = ["ab", "vdf"];

  建立對象 var newObj = {

         prop1:value1,

         prop2:value2,

         ..

              };

 （6）在for循環相似這樣的代碼時， for (var I = 0; I < array.lenth; i++) {}  能夠把 對象的長度 保存到變量裏，這樣就不用每次循環都要計算一下長度 能夠提升性能。

  var arrAlength = array.length;

  for (var I = 0; I < arrAlength; i++) {}

（7）字符串 首選用單引號 ‘’； 必要的時候用雙引號」」;