目錄
回复内容:
首頁 後端開發 php教程 javascript - 常见的js插件为什么都用连字符命名而不用驼峰?

javascript - 常见的js插件为什么都用连字符命名而不用驼峰?

Jun 06, 2016 pm 08:06 PM
html html5 javascript php python

常见的bootstrap,swiper,slide,fullpage等为什么使用“-”连字符的方式命名而不是使用驼峰?
毕竟驼峰双击一下就能选中,连字符还要选一下。

回复内容:

常见的bootstrap,swiper,slide,fullpage等为什么使用“-”连字符的方式命名而不是使用驼峰?
毕竟驼峰双击一下就能选中,连字符还要选一下。

前端的代码很少见使用驼峰命名法,最常见到的就是连字符,html和css代码皆如此,js使用连字符大概是为了前端代码风格的统一吧

你说的是css的class名称和id名称吧...

这个一般的规则是和原语言保持一致...

css一直就是用-连接的, 比如 border-color, margin-top之类的

html的属性, 也是用-, 因为html属性不区分大小写, 用驼峰会带来很多不便, 比如 <meta http-equiv>, <code><div data-id> <p>js一直就是用驼峰的, 比如 <code>getAttribute, offsetHeight之类的...
js用下划线的地方也有, 比如自己定义常量的连接 const GLOBAL_LOADDING = ''

不过现在js中变量用下划线的也不少...

语意更清晰,一目了然

用下划线也能双击选中

以清晰,一眼辨别为首要目标

选哪种风格反而不重要.

因为类名的惯例就是使用-连字符,你可以看看sass的语法,默认的就是用-的。

下划线更清晰,我最开始也是驼峰的,后来公司要求下划线,现在再看看驼峰,感觉好XX,特别是不能马上知道标识符的含义

而下划线的,就像是英文单词一样,容易识别理解(把下划线当成空格看,驼峰的是连一起,混)

另外,下划线也可以双击选中啊

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1317
25
PHP教程
1268
29
C# 教程
1242
24
繼續使用PHP:耐力的原因 繼續使用PHP:耐力的原因 Apr 19, 2025 am 12:23 AM

PHP仍然流行的原因是其易用性、靈活性和強大的生態系統。 1)易用性和簡單語法使其成為初學者的首選。 2)與web開發緊密結合,處理HTTP請求和數據庫交互出色。 3)龐大的生態系統提供了豐富的工具和庫。 4)活躍的社區和開源性質使其適應新需求和技術趨勢。

Golang vs. Python:性能和可伸縮性 Golang vs. Python:性能和可伸縮性 Apr 19, 2025 am 12:18 AM

Golang在性能和可擴展性方面優於Python。 1)Golang的編譯型特性和高效並發模型使其在高並發場景下表現出色。 2)Python作為解釋型語言,執行速度較慢,但通過工具如Cython可優化性能。

Python與C:學習曲線和易用性 Python與C:學習曲線和易用性 Apr 19, 2025 am 12:20 AM

Python更易學且易用,C 則更強大但複雜。 1.Python語法簡潔,適合初學者,動態類型和自動內存管理使其易用,但可能導致運行時錯誤。 2.C 提供低級控制和高級特性,適合高性能應用,但學習門檻高,需手動管理內存和類型安全。

HTML與CSS和JavaScript:比較Web技術 HTML與CSS和JavaScript:比較Web技術 Apr 23, 2025 am 12:05 AM

HTML、CSS和JavaScript是構建現代網頁的核心技術:1.HTML定義網頁結構,2.CSS負責網頁外觀,3.JavaScript提供網頁動態和交互性,它們共同作用,打造出用戶體驗良好的網站。

使用與HTML的React:渲染組件和數據 使用與HTML的React:渲染組件和數據 Apr 19, 2025 am 12:19 AM

在React中使用HTML渲染組件和數據可以通過以下步驟實現:使用JSX語法:React使用JSX語法將HTML結構嵌入JavaScript代碼中,編譯後操作DOM。組件與HTML結合:React組件通過props傳遞數據,動態生成HTML內容,如。數據流管理:React的數據流是單向的,從父組件傳遞到子組件,確保數據流動可控,如App組件傳遞name到Greeting。基本用法示例:使用map函數渲染列表,需添加key屬性,如渲染水果列表。高級用法示例:使用useState鉤子管理狀態,實現動

IIS和PHP的兼容性:深度潛水 IIS和PHP的兼容性:深度潛水 Apr 22, 2025 am 12:01 AM

IIS和PHP可以兼容,通過FastCGI實現。 1.IIS通過配置文件將.php文件請求轉發給FastCGI模塊。 2.FastCGI模塊啟動PHP進程處理請求,提高性能和穩定性。 3.實際應用中需注意配置細節、錯誤調試和性能優化。

HTML5和H5:了解常見用法 HTML5和H5:了解常見用法 Apr 22, 2025 am 12:01 AM

HTML5和H5沒有區別,H5是HTML5的簡稱。 1.HTML5是HTML的第五個版本,增強了網頁的多媒體和交互功能。 2.H5常用於指代基於HTML5的移動網頁或應用,適用於各種移動設備。

Golang vs. Python:利弊 Golang vs. Python:利弊 Apr 21, 2025 am 12:17 AM

Golangisidealforbuildingscalablesystemsduetoitsefficiencyandconcurrency,whilePythonexcelsinquickscriptinganddataanalysisduetoitssimplicityandvastecosystem.Golang'sdesignencouragesclean,readablecodeanditsgoroutinesenableefficientconcurrentoperations,t

See all articles