溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

web前端變量命名規(guī)則有哪些

發(fā)布時間:2021-11-12 15:27:03 來源:億速云 閱讀:130 作者:iii 欄目:開發(fā)技術(shù)

這篇文章主要介紹“web前端變量命名規(guī)則有哪些”,在日常操作中,相信很多人在web前端變量命名規(guī)則有哪些問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”web前端變量命名規(guī)則有哪些”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

  變量命名規(guī)則目的

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

  變量命名規(guī)則基本準則

  符合web標準,語義化html,結(jié)構(gòu)表現(xiàn)行為分離,兼容性優(yōu)良.頁面性能方面,代碼要求簡潔明了有序,盡可能的減小服務(wù)器負載,保證最快的解析速度.

  文件規(guī)范

  1.html,css,js,images文件均歸檔至<系統(tǒng)開發(fā)規(guī)范>約定的目錄中;

  2.html文件命名:英文命名,后綴.htm.同時將對應(yīng)界面稿放于同目錄中,若界面稿命名為中文,請重命名與html文件同名,以方便后端添加功能時查找對應(yīng)頁面;

  3.css文件命名:英文命名,后綴.css.共用base.css,首頁index.css,其他頁面依實際模塊需求命名.;

  4.Js文件命名:英文命名,后綴.js.共用common.js,其他依實際模塊需求命名.

  html書寫規(guī)范

  1.文檔類型聲明及編碼:統(tǒng)一為html5聲明類型<!DOCTYPEhtml>;編碼統(tǒng)一為<metacharset=”utf-8″/>,書寫時利用IDE實現(xiàn)層次分明的縮進;

  2.非特殊情況下樣式文件必須外鏈至<head>…</head>之間;非特殊情況下JavaScript文件必須外鏈至頁面底部;

  3.引入樣式文件或JavaScript文件時,須略去默認類型聲明,寫法如下:

  <linkrel=”stylesheet”href=”…”/>

  <style>…</style>

  <scriptsrc=”…”></script>

  4.引入JS庫文件,文件名須包含庫名稱及版本號及是否為壓縮版,比如jquery-1.4.1.min.js;引入插件,文件名格式為庫名稱+插件名稱,比如jQuery.cookie.js;

  5.所有編碼均遵循xhtml標準,標簽&屬性&屬性命名必須由小寫字母及下劃線數(shù)字組成,且所有標簽必須閉合,包括br(<br/>),hr(<hr/>)等;屬性值必須用雙引號包括;

  6.充分利用無兼容性問題的html自身標簽,比如span,em,strong,optgroup,label,等等;需要為html元素添加自定義屬性的時候,首先要考慮下有沒有默認的已有的合適標簽去設(shè)置,如果沒有,可以使用須以”data-”為前綴來添加自定義屬性,避免使用”data:”等其他命名方式。

到此,關(guān)于“web前端變量命名規(guī)則有哪些”的學習就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關(guān)知識,請繼續(xù)關(guān)注億速云網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

web
AI