前台頁面編碼規範

2022-04-08 23:57:40 字數 1686 閱讀 3770

html 編碼規範

語義化結構 (使用符合語義的標籤書寫 html 文件,選擇恰當的元素表達所需的含義)

所有的標籤元素和屬性的名字都必須使用小寫; 屬性值必須加雙引號; 所有的標記都必須有乙個相應的結束標記 ;巢狀標籤必須合理

同級標記 上下應對齊,父級標記與子標記之間的標籤元素要有一定的縮排。多行相似的**出現要對齊。

注意大小以及儲存格式:結構儲存成 gif格式的;組合多個不同的背景小圖示到一張圖上並且擺放整齊有序,然後儲存透明 gif /png 的格式;大小最大不能超過80k;增加alt 屬性.

css樣式 、html結構、 js指令碼 三者進行完全分離。(css js 外部引用,js放在頁面結構的末尾)

加注釋(巢狀太多的層之間要加一定的注釋)

結構盡量簡單化, 頁面內不能用

來布局 ,如果有特殊符號 要用字元代替,比如 "

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;

書寫規範:類名 與左大括「 。

**的縮排,用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()   可以把 物件的長度 儲存到變數裡,這樣就不用每次迴圈都要計算一下長度 可以提高效能。

var arralength = array.length;

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

(7)字串 首選用單引號 『』; 必要的時候用雙引號」」;

前台頁面列印

前台頁面就是乙個button,就不寫了,對應的列印頁面div為 一 基本資訊 企業內部編號 經營企業編號 經營企業名稱 經營企業信用 倉庫編號 倉庫名稱 聯絡人 主管海關 倉庫面積 倉庫容積 錄入日期 結束有效日期 企業型別 區域場所類別 記賬模式 倉庫賬冊號 申報型別 暫停變更標記 申報企業編號 ...

前台頁面 顯示步驟

首先來說一下我們的主題。來看一下圖。這兩張圖,主要是看頁面上部分,能夠顯示當前正在進行的操作步驟。我們分享一下這個頁面的製作過程。首先,這個頁面主要是由三部分組成的。上部分是顯示當前順序,基本不會變化。中間部分會根據具體的業務顯示不同的內容。最下面會顯示操作步驟。我們看中間的部分是變化最大的,而相對...

MVC拼接前台頁面

mvc拼接前台頁面 mvc的頁面中,有多個相同型別的元件,但是其中的資料值不同,而且個數也是未知的,如圖 這裡使用的是 html.raw viewbag.message 在頁面中的適當的位置,寫該 即可 後台,controller中還是利用的mvc的機制,返回頁面的時候,連帶拼接的字串一塊返回。pu...