前端開發組織結構及檔案命名

2022-03-31 01:12:43 字數 686 閱讀 6996

css檔案命名用"-"分隔單詞,與bootstrap檔案命名類似(bootstrap-theme.css)

目錄組織結構詳細如下:

js檔案命名用"-"分隔單詞,與jquery檔案命名類似(jquery-2.1.4.js)同css檔案命名一致

目錄組織結構詳細如下:

此資料夾存放所有相關外掛程式,每乙個外掛程式都新建乙個對應的資料夾存放即可

詳細目錄結構如下:

此資料夾存放所有相關html頁面,可能這裡會有人有疑問,怎麼不直接放在專案的根目錄下?

假如專案頁面不多,頁面可放在根目錄下,不會有什麼問題,

如果是乙個大型專案,頁面非常多(上百個),全部放根目錄管理起來會非常困難。

所以新建乙個資料夾來專門存放會更容易檢視維護。

詳細目錄結構如下:

前端開發命名規範 html css js

所有的命名最好都小寫。資料夾命名,盡量採取單個英語單詞描述,如login,index。html檔名稱,當需要多個英語單詞描述時用 下劃線 連線多個單詞分隔,如 user add.html,動詞放在後面,便於相同業務模組檔案放在一起。css,image,js檔名稱,當需要多個英語單詞描述時用 分隔線 ...

Web前端企業開發命名規範

乙個好的前端專案 離不開好的命名規範,試想一下叫你接手乙個專案,你看到之前開發的 的命名一團糟,那是多麼痛苦的事啊。或者你自己把乙個專案命名的一團糟,等過段時間讓你重構該項目的時候,估計腸子都要悔青吧!一 網頁內容類 二 注釋的寫法 footer 內容區 end footer 三 id的命名 1 頁...

Linux檔案系統組織結構

linux檔案系統根目錄,也是處於最高一級的目錄。bin 基礎系統所需要的那些命令位於此目錄,也是最小系統所需要的命令 比如 ls cp mkdir等命令 功能和 usr bin類似,這個目錄中的檔案都是可執行的,普通使用者都可以使用的命令。做為基礎系統所需要的最基礎的命令就是放在這裡。boot l...