當前位置:首頁 » 網頁前端 » web前端文件命名規范
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web前端文件命名規范

發布時間: 2023-01-16 21:00:01

① 簡述符合web標準的HTML代碼編寫規范

1、統一編碼UTF8
2、每一個模塊進行注釋,省的改(或者別人改)的時候找不著,也是個良好的習慣。
3、盡量通過外部文件引入css,減小html文檔體積,有利於seo。
4、div盡量在三層以內,還是從seo方面考慮。
5、命名規范,比如「nav」「header」「footer」等,不要用一些亂七八糟的命名人家看不懂「sdfgdgf」之類的。
6、meta信息最好寫完整、h1、h2標簽、url絕對地址等等關於seo的問題要注意。
7、css、js、html分離全部外部文件引入,不要都寫在html文件裡面例如:css寫在元素裡面的style 或者js寫在body下面這些,以後工作可能不止你一個web前端別人改你的代碼很麻煩的,不要造成別人的麻煩,良好的編碼習慣以後維護起來也比較方便。

問題比較寬泛,需要不斷積累才能完善代碼規范問題~

② 有一個前端面試題,多人項目中你將如何規劃css文件,樣式命名

.class1 .class2{xxxxxxxxx} class1下面的 class2 樣式 .class2.red{xxxxxx} 同時具有 class2 和 red 的樣式

③ 為什麼前端命名的時候都愛用下劃線或中劃線

這只是一種命名風格也是為了後期維護或者查找的時候方便而且現在項目都是幾個人一起開發為了便於管理避免起名沖突就這樣在開發之前就制定好要求的

④ 前端必備編碼規范

總結本規范的目的不是大而全,而是把我們最常用的規范總結一下,花最少的精力記住最重要的內容。

列舉了一些可應用在 HTML, JavaScript 和 CSS 上的通用規則。

HTML 標簽的目的,是為展示內容信息。

函數和變數命名採用駝峰命名法。

錯誤之處,敬請之處,謝謝您的閱讀。

參考資料:
前端編碼規范(1)—— 一般規范
想成為前端大神,你不得不知曉的web前端命名規范!
web前端規范

⑤ 前端的class命名規范有影響找工作么

最好是規范一些,規范一些的話,方便別人看懂你的代碼

⑥ 學習web前端需要注意什麼

前端雖然學習起來是相對簡單的,但是內容也不少,同時後期可以補充後端技能,成為現在熱門的web全棧工程師。

要學的內容主要有:

①計算機基礎以及PS基礎

②前端開發基礎(HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架)

③移動開發

④前端高級開發(ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等)

⑤小程序開發

⑥全棧開發(MySQL資料庫、Python編程語言、Django框架等)

⑦就業拓展(網站SEO與前端安全技術)

互聯網行業目前還是最熱門的行業之一,學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的,發展前景非常好,普通人也可以學習。

想要系統學習,你可以考察對比一下開設有相關專業的熱門學校,好的學校擁有根據當下企業需求自主研發課程的能力,能夠在校期間取得大專或本科學歷,中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的,建議實地考察對比一下。

祝你學有所成,望採納。

⑦ 參加web前端培訓需要注意哪些事項

第一:基礎的重要性
無論做什麼都一定要有扎實的基礎,參加web前端培訓也不例外,只有基礎牢固,才能更深入的學習新技能。作為一名初級的web前端工程師,你必須要具備最基礎的技術要素:HTML,CSS和Java。這是作為web前端工程師所必須要掌握的。Web前端的入門門檻其實很低的,與其他語言先慢後快的學習節奏相比,他是一個先快後慢的過程。所以在前期的學習過程中,你會很容易的掌握其基礎的技能。而隨著HTML5技術的廣泛應用,web前端的學習也會變得更加簡單。
第二:細節的重要性
有句俗語是這樣說的:「細節決定成敗」,很多web前端開發者在工作過程中為了追求速度,而忽略了一些細節性的東西。比如:給代碼加備注,代碼的命名規范,代碼的簡潔等。所有的這些看似不重要,其實卻嚴重影響了項目的進度以及自身能力的提升。在開發過程中,適當的添加備注,能夠加深對技術點的印象,也便於以後在修改的過程中迅速查找;規范的代碼命名能夠方便團隊之間的溝通,提高工作效率;而簡潔的代碼能夠直觀的展現某一塊代碼的作用。
第三:網站布局的重要性
做網站的最終目的除了向大眾群體直觀的展現公司的形象以外,更重要的還是便於SEO優化,為了提升網站在網路搜索引擎中的排名,以獲取更多的瀏覽量。因為網站沒有排名,不能讓更多的人了解到公司,盈利從何談起呢?作為一名web前端培訓者,想要進一步提升技能,就一定要研究網站的優化布局。
第四:學習的重要性
優秀的web前端工程師之所以優秀,不是因為工作的年限有多久,而是具備快速學習的能力。web前端開發是一個特殊的工作,涵蓋的知識面非常廣,而且互聯網行業技術的更新速度是非常快的,如果沒有快速學習的能力,就很難跟上時代的步伐。所以,作為web前端工程師一定要不斷的學習,提升技能。

⑧ 艾思軟體:前端開發規範文檔

開發規范(前端)

版本: v1.0

日期: 2022-01-15

一:命名規范

命名統一使用英文單詞,要求簡單,通俗易懂。

項目命名

使用小寫字母,多單詞採用 「 - 」 中劃線拼接。

例如:my-world / world

文件夾命名

使用小寫字母,多單詞採用 「 - 」 中劃線拼接。

例如:home-page / home

文件命名

使用小寫字母,多單詞採用 「 - 」 中劃線拼接。

例如:home-page / home

變數命名

使用小駝峰命名。如果單文件中變數過多,可能會出現重名的情況,建議增加前綴來區分不同功能的變數。或者把變數拆分到不同的文件之中。

例如:maxHeight / userMaxHeight / homeMaxHeight

常量命名

全部使用大寫字母。多單詞採用 「 _ 」 下劃線隔開。

例如:const USER_TYPE = 「9001」;

函數命名

規范一:使用小駝峰命名。被繼承的父類的私有函數需要增加下劃線前綴 「 _getPrice() 」。

例如:showToast / _getPrice

規范二:根據函數作用,適當添加動詞前綴。

例如:getSize / setSize / hasNumber

前綴請查看文檔最底部 附件一:(函數命名動詞前綴整合)

二:注釋規范

簡單易懂的變數方法,盡量編寫注釋。復雜難懂的變數方法,必須編寫注釋

單行注釋 //

在代碼上一行編寫單行注釋,簡單介紹下方代碼用途、注意事項等內容。

多行注釋 /* */ 或 /** */

方法必須使用多行注釋。當變數或代碼塊復雜,單行注釋不足以解釋清楚的時候,也需要使用多行注釋。

例如:

// 商品名稱

goodsName: '獼猴桃',


/**

* 傳入人員姓名,從資料庫中查詢該人員的手機號碼

* @param {String} userName 姓名

* @return {Number} 手機號

*/

getUserMobile(userName){

......

return mobile;

},

三:CSS規范

1. class類名使用小寫字母,多單詞採用 「 - 」 中劃線拼接。

2. id採用小駝峰命名。

3. scss、less中變數、函數、mixin統一採用小駝峰命名。

4. 縮進整潔有序。

四:項目規范

項目結構建議規范(實際根據具體需求邏輯進行調整)

src

api 所有介面封裝

asstes 資源文件

- images 圖片

- videos

components 所有組件

router 路由

store 狀態管理

styles 公共樣式

utils 公共函數庫

view 視圖

- home 視圖文件需要分模塊分文件夾存放

home.vue

home-detail.view

- user


五:附件

附件一:(函數命名動詞前綴整合)