溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“web前端變量命名規則有哪些”，在日常操作中，相信很多人在web前端變量命名規則有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”web前端變量命名規則有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
變量命名規則目的
為提高團隊協作效率,便于后臺人員添加功能及前端后期優化維護,輸出高質量的文檔,特制訂此文檔.本規范文檔一經確認,前端開發人員必須按本文檔規范進行前臺頁面開發.本文檔如有不對或者不合適的地方請及時提出,經討論決定后方可更改.
變量命名規則基本準則
符合web標準,語義化html,結構表現行為分離,兼容性優良.頁面性能方面,代碼要求簡潔明了有序,盡可能的減小服務器負載,保證最快的解析速度.
文件規范
1.html,css,js,images文件均歸檔至<系統開發規范>約定的目錄中;
2.html文件命名:英文命名,后綴.htm.同時將對應界面稿放于同目錄中,若界面稿命名為中文,請重命名與html文件同名,以方便后端添加功能時查找對應頁面;
3.css文件命名:英文命名,后綴.css.共用base.css,首頁index.css,其他頁面依實際模塊需求命名.;
4.Js文件命名:英文命名,后綴.js.共用common.js,其他依實際模塊需求命名.
html書寫規范
1.文檔類型聲明及編碼:統一為html5聲明類型<!DOCTYPEhtml>;編碼統一為<metacharset=”utf-8″/>,書寫時利用IDE實現層次分明的縮進;
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標準,標簽&屬性&屬性命名必須由小寫字母及下劃線數字組成,且所有標簽必須閉合,包括br(<br/>),hr(<hr/>)等;屬性值必須用雙引號包括;
6.充分利用無兼容性問題的html自身標簽,比如span,em,strong,optgroup,label,等等;需要為html元素添加自定義屬性的時候,首先要考慮下有沒有默認的已有的合適標簽去設置,如果沒有,可以使用須以”data-”為前綴來添加自定義屬性，避免使用”data:”等其他命名方式。
到此，關于“web前端變量命名規則有哪些”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
