
html class命名規則 在 コバにゃんチャンネル Youtube 的精選貼文

Search
命名 方式長而難看,書寫不雅,很多人討厭BEM 就是因為HTML 會很醜,但利大於弊。 class 名稱與命名空間、Block 互相依賴,更改名稱的成本較大。不過可以 ... ... <看更多>
透過class的方式去命名(減少ID使用,特殊情況可以再討論) ,命名名稱都使用有含意的方式 ... 為了便於專案開發,會有可能把各區塊分部分開發,在透過GULP去組合各.html ... ... <看更多>
#1. CSS class 選取器- 切版與前端框架最常使用的CSS選取器
class 的規則 ... CSS class 選取器是由一個「.」點作為開頭,後面緊接著則是你想使用的class 名稱,名稱的開頭有規定的,可使用「中線、底線、Emoji符號」,其他特殊符號一率 ...
#2. 探討幾種常見的CSS 命名慣例 - ErrorBaker 技術共筆部落格
BEM 是由Yandex 公司所推出的一套命名規則,他是Block, Element, Modifier 這三個單字的字首所組成的。他的優點同樣是增加class 的可重用性和擴充性,但和 ...
#3. html class名字单引号,html:class名命名规范 - CSDN
1.2 CSS命名规则样式类名全部用小写,首字符必须是字母,禁止数字或其他特殊字符。由以字母开头的小写字母(a-z)、数字(0-9)、中划线(-)组成。可以是单个 ...
#4. 2. 命名規則(改名換位) - HTML5&CSS3
命名規則 (改名換位). 網站內相關的資料夾、檔案、 網頁元素的 ID名稱、class名稱 ......等等名稱,應該依以下命名規則. 英數字及橫線(減號、底線); 副檔名不大寫 ...
#5. 鐵人賽5 - CSS 的命名技巧| 卡斯伯Blog - 前端,沒有極限
本篇透過圖文及小故事來介紹CSS 命名概念,讓你與小夥伴的命名協作能力更順暢。 除了不需要維護的網站以外, CSS 命名都是前端工程師的痛,因為很容易踩到 ...
使用有意義的或通用的ID和class命名:ID和class的命名應反映該元素的功能或使用通用名稱,而不要用抽象的晦澀的命名。反映元素的使用目的是首選;使用通用 ...
#7. html與css命名規範小結 - ZenDei技術網路在線
一、命名規則說明二、相對網頁外層重要部分css樣式命名css命名其他說明DIV+CSS命名小結: ... 允許用id命名之外,其他禁止id使用在樣式表CSS命名中,一律使用class命名 ...
常用的CSS命名規則. 頭:header; 內容:content/container; 腳:footer; 導航:nav ... id的命名: (1)頁面結構 ... class的命名: (1)顏色:使用顏色的名稱或者16進制 ...
#9. HTML,CSS的class与id命名规则 - 51CTO博客
HTML ,CSS的class与id命名规则,外套wrap--用于最外层头部header--用于头部主要内容main--用于主体内容(中部)左侧main-left--左侧布局右 ...
#10. CSS 一般問題- 學習該如何開發Web | MDN
HTML 元素都可有 id 及 class 屬性。 id 屬性是讓你為元素命名的,整個頁面中的元素名稱 ... CSS 並不支援「以另一個樣式規則為基準」的樣式設定法。
#11. 1. 命名規則
命名規則. 總覽. 變數命名採用首字母小寫駝峰式(camelCase); 屬性命名採用首字母小寫駝峰式(camelCase); function 命名採用首字母小寫駝峰式(camelCase); Class 命名 ...
#12. HTML文档中class的命名规则以及命名规范 - 博客园
4、使用有意义命名。 其中(3)、(4)条规定主要是便于编程者“望文生义”,快速通过class名称了解该定位元素的位置 ...
#13. HTML DIV+CSS 命名规范大全? - 知乎
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作 ... 2、属性的值一定要用双引号("")括起来,且一定要有值如class="helloweb" ...
#14. 常用的CSS命名規則 - 一陣嘻,噓!
常用的CSS命名規則頭:header內容:content/container尾:footer導航:nav側欄:sidebar欄目:column頁面外圍控制整體佈局寬度:wrapper左右中:left.
#15. 變數、常數與命名· 從ES6開始的JavaScript學習生活
以下說明的命名規則,不只包含常數與變數,還包含了函式、類別名稱的命名。 ... JavaScript未來標準規格可能會使用的保留字; HTML中Windows物件的保留字; HTML事件處理 ...
#16. 9. 命名約定— Google C++ 開源專案風格指南
我們大腦中的樣式比對引擎可以非常可靠的處理這些命名規則。 ... 類別和結構 class UrlTable { ... class UrlTableTester { ... struct UrlTableProperties { .
#17. BEM命名规范入门及常用CSS class 命名 - 稀土掘金
可以使用字母,数字,连字符进行命名,任何html元素都可以成为一个block,不依赖于页面上的其他block或者element。 <header class="header"></header> ...
#18. CSS中id与class 命名规则及编码的6个最佳习惯 - Victor's Blog
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally. solutionwebhtmlcssstandard ...
#19. 6. 命名約定 - Google 開源專案風格指南(繁體中文版)
最重要的一致性規則是命名管理. ... 我們大腦中的模式匹配引擎可以非常可靠的處理這些命名規則. ... my_useful_class.cc * my-useful-class.cc * myusefulclass.cc ...
#20. CSS命名规则规范整理 - 阿里云开发者社区
页面上成百甚至上千的class或者id,我们就会越来越感到困扰。 ... 2、优化CSS代码,仅创建关键主要的CSS类并重新为子元素使用符合HTML标准的标签(h1, ...
#21. 前端必須掌握的——html和css命名規範 - 每日頭條
摘要51RGB官方微信網頁製作中規範使用DIV+CSS命名規則,可以改善優化功效 ... 一、HTML<div id="div1"> <p>外層div中的p標籤1</p> <p class="two"> ...
#22. 【初学者必見】HTMLにつけるclassの命名規則の考え方解説!
初心者コーダーは必見です。HTMLにあてるclassの命名規則について考えてみました。class名つける時って悩んじゃうと思いますけど、考え方を知っていれ ...
#23. 基礎但不簡單:變數命名規則 - Medium
Kebab Case 命名法. 跟Snake Case類似,單字以減號-分離。例如: user-name; file-name. 常用地方: html的裡面的class和id <div class="col-md-6" ...
#24. 淺談BEM CSS - CSS 設計模式與架構- 客座投稿 - W3HexSchool
BEM是Block Element Modifier 的縮寫, BEM 是一種為了讓CSS Class 更好維護的命名方式,藉由不同組件的命名讓程式碼易懂、可重用,進而有效率地開發 ...
#25. 命名規則(程式設計) - 維基百科
本地變數、即時變數和類別變數也用 lowerCamelCase 。變數名不能以底線( _ ) 或美元符號( $ ) 打頭,這與其他編碼規則里採用底線追尾 ...
#26. PHP 風格指南— CodeIgniter 3.1.6 documentation
變數名稱的規則類似於類別方法。 變數應該只用小寫字母,應使用底線分隔,並使用能表達其用途與內容的名稱。 非常短或是非完整字的命名方式應該只使用在for() 迴圈。
#27. ClassName命名| Aotu.io - 前端代码规范 - 凹凸实验室
ClassName的命名应该尽量精短、明确,必须以字母开头命名,且全部字母为小写, ... 如mod_ 系列的命名: 推荐: <div class="modulename"> <div ...
#28. PYDOING: PHP 入門指南- 變數命名規則
總括來說,變數名稱為識別字(identifier) 的一種,其他函數(function) 、類別(class) 、屬性(property) 、方法(method) 等名稱也都屬於識別字,依循同樣的命名規則。
#29. 9. Class(類別) — Python 3.10.10 說明文件
如同在Smalltak 中,class 都是物件,這為import 及重新命名提供了語意。 ... 命名空間(Namespace)¶. 在介紹class 之前,我必須先告訴你一些關於Python 作用域的規則。
#30. 網頁設計Dreamweaver基礎學習- TS 教學講義
命名規則 (改名換位). 網站內相關的資料夾、檔案、 網頁元素的 ID名稱、class名稱 ......等等名稱,應該依以下命名規則. 英數字及橫線(減號、底線) ...
#31. C# 入門指南- 單元4 - 命名規則與習慣 - 程式語言教學誌
本篇文章介紹C# 程式的命名規則與命名習慣。 ... C# 官方建議的命名方式為Pascal 命名法與小寫駝峰型 ... 基本上類別(class) 建議採用名詞或名詞片語,例如
#32. 最全的HTML和CSS標籤命名規則 - 程式人生
CSS標準化設計命名. 類class的命名規範示例:. 頭:header 內容:content/container 尾:footer 導航:nav 側欄:sidebar 欄目:column
#33. 前端開發規範:命名規範、html規範、css規範、js規範
命名 方式: 小駝峰方式( 建構函式使用大駝峰命名法) 命名規則: 字首為動詞 ... <div class="content">This is a very bad example for HTML ...
#34. Coding style · GitBook - Crystal 程式語言
命名規則. 型別名稱使用駝峰式命名。 範例: class ParseError < Exception end module HTTP class RequestHandler end end alias NumericValue = Float32 | Float64 ...
#35. 網站程式設計-PHP-4-1-課後練習(4)
... php 變數的命名規則,變數以最後定義為主; php 常數的命名規則及如何定義,常數以 ... DOCTYPE html> <html lang="zh-TW"> <head> <meta charset="utf-8"> <meta ...
#36. 通用命名規則- Google C++ Style Guide 繁體中文版
通用命名規則(General Naming Rules). 命名應該要具有敘述的能力;避免使用縮寫。 讓一個名稱具有越清楚的描述越好,包括原因在內。 不要去想節省橫向的空間,因為讓你 ...
#37. BEM,CSS 設計模式 - 竹白記事本
命名 方式長而難看,書寫不雅,很多人討厭BEM 就是因為HTML 會很醜,但利大於弊。 class 名稱與命名空間、Block 互相依賴,更改名稱的成本較大。不過可以 ...
#38. コーディングが少し楽になる、意識したい命名規則とCSS設計。
フロントエンドエンジニアのレンツです。僕の連載では初学者向けに、コーディングのノウハウを提供しています。 今回はHTMLに付けるclassの名前について ...
#39. [Note] 模組化CSS(Modularity CSS) | PJCHENder 未整理筆記
不要嵌套超過一層以上; 為child element 添加class; 跟隨命名規則; 使用前綴命名class. 常見的CSS 模組化設計模式. 以下說明幾 ...
#40. html與css命名規範小結 - ITW01
文章摘要: 一律使用class命名#996600縮寫為#960 六、圖片命名 背景圖片 · 一、命名規則說明 所有的命名最好都用小寫。 · 二、相對網頁外層重要部分css樣式 ...
#41. CSS-BEM 命名规范
<div class="page-btn"> <button type="button" class="page-btn__prev">上一页</button> <!-- . ... BEM的命名中包含了模块名,长长的命名会让HTML标签会显得臃肿。
#42. Bootstrap CSS编码规范 - 菜鸟教程
例如,HTML 的heading 元素只需要设置上、下边距(margin)的值,因此,在必要的时候,只需 ... 破折号应当用于相关class 的命名(类似于命名空间)(例如, .btn 和 ...
#43. 【CSS設計入門】class名の決め方(命名規則)から具体的な ...
HTML は色々な書き方があってOKというわけではなく、正しく意味付けするものなので、ちゃんと書いていれば人によってあまり差が生まれません。一方で、SSは ...
#44. 介绍两种CSS 方法论- 自然醒的笔记本
BEM 是由Yandex 团队提出的一种CSS Class 命名方法,旨在帮助开发人员创建更好的且 ... 基础规则作用于元素选择器,用于定义HTML 标签的默认样式。
#45. 第一章BEM
li 、 a 太依賴HTML 結構,需要層層嵌套。 但如果使用BEM 的命名規則,將會如下: <div class="product ...
#46. TypeScript
TypeScript須符合JavaScript的命名規則,命名規則與其他語言如Java無太大 ... class card{ suit: string; rank: number; constructor(suit:string, ...
#47. Java 程式風格- Brian的雜記
常數的命名(final的變數) 全大寫,並使用"_" 來分隔每個key words. COLOR_RED ... 對於我們來說,class variable 比method variable 更重要也更有意義。
#48. 【CSS設計】クラスの命名規則について - eclairのブログ
世の中には多くのCSS設計方法やクラス命名規則が溢れていますが、どれを取り入れたら良いのか ... 7.1 HTMLの親子構造をクラス名に取り入れる.
#49. [基礎]命名規則– 凡寫過必留下痕跡
[基礎]命名規則 ... Snake Case, Pascal Case, Camel Case 這三種是較常被採用的命名方式,像像在目前專案 ... 較常在html裡面的class、div、id看到 ...
#50. 编码规范- Kotlin 语言中文站
源代码组织; 命名规则; 格式化; 文档注释; 避免重复结构; 语言特性的惯用法; 库的编码规范 ... 不要在用于指定类型参数的尖括号前后留空格: class Map<K, V> { …… }.
#51. C# 基本語法、變數ASP.NET網頁程式撰寫模型 - cs.pu.edu.tw
所謂的單一檔案網頁模型(Single-File Page Model)就是將所有的HTML宣告、ASP. ... NET程式使用到的類別庫(Class Library)功能都是包含在命名空間(Namespace)之中 ...
#52. [OOCSS/BEM/SMACSS] HTML/CSSのclassの命名規則について
おそらく最もメジャーなHTML/CSS命名規則。 「名は体を表す」とばかりに、一つのクラス名に出来る限りの情報を詰め込むのが特徴です。 __B ...
#53. ID命名规范· EasyWeb开发文档 - 看云
例如页面是user.html,它的各个元素命名如下:. 按钮的命名 <!-- 命名规则:xxxXxxBtn --> <button id="userAddBtn" class="layui-btn">添加</button> <button ...
#54. CSS 的模組化方法:OOCSS、SMACSS、BEM
命名規則 :id 與class 受限制地使用、名稱使用dash 分隔。 ... 功能實現了-[css-scoping] scoped attribute on style element removed from HTML。
#55. CSS 命名規則 - Jane's Blog
這樣設計的網頁結構自然也要複雜起來, html寫法可能會變成: <div class=”news”> <div class=”header”> </div> -- 這裡放圓角邊框上方底圖
#56. 基礎19. ID名、Class名の付け方と記法 - WEB MANABU
基礎19. ID名、Class名の付け方と記法. 公開日:2016年05月22日; 最終更新日:2022年08月10日. HTML・CSS. この記事をシェアする:. Facebook Twitter Line Hatena.
#57. 網頁適用的使用者定義變數類型- 代碼管理工具說明
為變數命名(請取個能夠描述變數用途的名字,例如「資料層變數- 產品名稱」)。 ... 舉例來說,如果相符的規則運算式為 /(news)/page(2)\.html ,您可以分別使用 $1 和 ...
#58. 新人コーダーに知っておいて欲しい命名規則の考え方[画像 ...
まず始めに、ファイル名、id・class名を付ける際の注意点から確認していきます。 難しいことはありません。 下記に注意して名前を付けるようにましょう。
#59. 深入瞭解HTML中的編碼規範 - tw511教學網
本檔案的目標是使HTML程式碼風格保持一致,容易被理解和被維護,如果自己沒有 ... [建議] id 、 class 命名,在避免衝突並描述清楚的前提下儘可能短。
#60. Google Python 風格指南-命名規則, Main, 編後語 - 凍仁的筆記
"internal" 指module 內或class 中的private 或protected 的變數。 要保護module 變數或函式,可在變數名稱前加上單一底線,若用from foo import * 時, ...
#61. Java 命名规范(非常全面) - 腾讯云开发者社区
类(Class)通常采用名词进行命名,且首字母大写,如果一个类名包含两个以上 ... Web Token缩写成JWT,HyperText Markup Language缩写成HTML等等)。
#62. [小Tip]给元素命名时容易踩的坑
之前说过,给元素的id或者class取一个看上去就是广告的名字, ... 所以在写html属性值的时候,我们除了要遵守html编码规范,还要看下adblock常用 ...
#63. class名の命名規則BEMのルールとカスタマイズ - jobtech.jp
HTML にclass名をつける時の代表的な命名規則には以下の3つがあります。今回はこの中のBEMについて紹介します。 BEM(Block-Element-Modifier:ベム) ...
#64. 金魚都能懂的CSS 選取器 - 博碩文化
「看了金魚系列,讓我對HTML的觀念更加清楚,再閱讀其他文章或官方文件 ... CSS class 命名方法 ... CSS ID 選取器特性與規則瀏覽器對ID 的處理不同調
#65. css設計・命名規則の歴史(BEM・OOCSS・SMACSS ...
改修時にもcssをイジる必要がなく、classを付け替えるだけ! jsフレームワークを使用した Webアプリケーションなどとの親和性が高い; htmlタグにclassを ...
#66. 淺談CSS 方法論與Atomic CSS - TechBridge 技術共筆部落格
註:規則集(ruleset) - 由一個宣告區塊所涵括的一或多個選擇器所組成, ... 與OOCSS 相似但有規範的結構分類與CSS與HTML分離,還多了命名規則的限制。
#67. 命名規則
命名規則. 名命規則. C#: 參數, 區域變數: 小駝峰(CamelCasing) 其它: 大駝峰(PascalCasing) 參考:
#68. DOM Elements - React
在React 裡,所有DOM property 和attribute(包括event handler)都應該以camelCase 命名。舉例來說,HTML 的attribute tabindex 在React 中對應到 tabIndex 。 aria-* ...
#69. BEM命名法 - InfoQ
1摘要当你在编写css代码的时候,是否遇到这样的困扰:不知道取什么class名?修改某个组件的样式,担心影响了其他组件?编写的组件样式如何复用?
#70. 定義並存取陣列
命名. 基本上其命名規則與變數,函式和物件相同: 名稱所用的字母,大小寫不同; 名稱必須使用合法 ...
#71. 請教程式命名方法 - 藍色小舖
在程式的命名方法中雖然沒有一定性(只要不違反命名規則) 在網路上看有眾多高手撰寫時會有屬於 ... 抽象類別(Abstract Class)與一般類別的命名相同。
#72. 2-1 元件系統的特性 - 重新認識Vue.js
元件(Component) 是Vue 最主要也是最強大的特性之一,它提供了HTML DOM ... 元件與標籤的命名規則 ... <template> <div class="app"> <div>Hello Vue!
#73. MvcForm 類別(System.Web.Mvc.Html) | Microsoft Learn
代表MVC 檢視中的HTML 表單專案。 ... 命名空間: System.Web.Mvc.Html. 組件: System.Web.Mvc.dll. 套件: Microsoft.AspNet. ... public class MvcForm : IDisposable
#74. 常用的CSS命名規則 - 蕃茄腦袋
一、常用的CSS命名規則頭:header 內容:content/container 底:footer ... 四、class的命名: ... (4) 標題欄樣式,使用"類別+功能"的方式命名,如 .barnews { }
#75. PHP 命名風格 - Open Jiang
PSR-1 建議標準中,有針對類別、常數等建議命名原則,對於變數的名稱 ... 駝峰式命名法(camelCase),小寫字母開頭,後面每個單字的第一個字母大寫。
#76. JAVA的基礎入門(一)Java的命名規則及註解@ 加菲貓 ... - 隨意窩
寫作Java程式時,請注意下列幾種風格及命名規則: 1. Class Name請首字大寫 第一個字元不可以為數字,可以是英文字母或底線_ 或錢字號$ ,. 命名長度沒有現制,但有大小 ...
#77. CSS样式怎样命名才规范,css命名规则大全 - 百度经验
CSS样式怎样命名才规范,css命名规则大全,做前端开发的朋友都知道c,但是好多人还不知道c怎样命名才算是规范的,其实c命名规范有很多版本, ...
#78. CSS 學習與實作經驗分享,如何建立扎實基本功 - ALPHA Camp
我們寫的HTML/CSS 是實作在瀏覽器裡,在你撰寫任何樣式表之前,Blink、 ... CSS 的class 與id 命名上,如果團隊沒有特殊規定,一般的通則是建議 ...
#79. [討論] 大家的命名習慣- 現有命名方法彙整及比較- 看板Soft_Job
命名規則 是為了增加識別和可讀性,沒有強制的規定,但一旦選擇其中一種, ... a class Source: http://web.mst.edu/~cpp/common/hungarian.html 根據 ...
#80. もう迷わない!CSSのclass名の付け方が解消する命名リスト
BEM(MindBEMding)とは. block__element–modifierという命名規則でclass名をつける方法です。 気がつかないうちに同じクラス名を使ってしまっ ...
#81. JasonLinn/Development: 前端專案開發環境與命名規則 - GitHub
透過class的方式去命名(減少ID使用,特殊情況可以再討論) ,命名名稱都使用有含意的方式 ... 為了便於專案開發,會有可能把各區塊分部分開發,在透過GULP去組合各.html ...
#82. 程式變數命名方式 - Puritys Blog
這裡整理一些命名規則,方便未來使用,以免每次寫程式第一步就卡住。駝峰式命名法camel case駝峰式命名法就是指變數第一個字母會小寫,而變數第二個 ...
#83. php 程式碼撰寫標準規則 - Jonathan's Wiki 筆記
變數命名規則 ... 要使用描述性的命名方式(迴圈變數可以例外). ... 儘量不要直接在程式碼內印出(print/echo) HTML , 除非這 HTML 很短或是在函式的回圈內.
#84. java、jsp、html命名規範和定義 - 台部落
java命名規範: 類名首字母一定定義爲大寫;多個單詞,也用大寫單詞: ... 在面向接口編程中,接口的實現類的命名規則爲:<接口名>+"Impl"。
#85. 【命名規則】BEMを使った書き方についてまとめてみた ... - Qiita
保守性の高さを解決するための手法は他にもあり、HTMLはシンプルがな書き方 ... class名の命名規則にはいくつか種類がありますが、どの命名規則を採用 ...
#86. C#命名規則、開發習慣和風格)
以下程式碼範例闡釋提供其名稱與類型相同的屬性。 public enum Color{ // Insert code for Enum here.}public class Control{ public Color Color { get { ...
#87. 2021-11-03- 前端常用命名 - 简书
例如在复杂的页面布局中Class 的命名,同样一个结构在不同的上下文要表达的 ... 目前流行的经典命名规则有:驼峰命名法、匈牙利命名法、下划线命名 ...
#88. CSS選擇器的基本介紹,正確的將CSS套用到你的原件上
是用於查找或選擇要設置的HTML樣式,將我們所編輯的CSS內容套用到 ... 設定的排版,給他們class命名為container,並且CSS編輯時針對該class前面加” .
#89. Java命名规范:编写可读性强的代码
02、类(class). 类的命名应该遵守以下规则:. 必须以大写字母开头; 最好是一个名词,比如说System; 类名使用UpperCamelCase(驼峰式命名)风格 ...
#90. 程式、函數、資料庫命名的風格 - 精讚
程式或資料庫自己定義統一的命名規則,可以防止因為一個拚字的錯誤花了半個小時來找,也可說是提升工作效率的 ... class Auth_model , class Auth.
#91. 【CSS設計】class名の決め方(命名規則)やコーディング ...
HTML /CSSは一貫性(ルール)を持たせます。コーディング前にしっかりとルールを決めます。 .c-から始まるクラス名は共通パーツ(c = component の略) ...
#92. CSSや画像の命名規則について - kojika17
コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。 特に中規模、大規模のサイトで、適当な名前を付ける ...
#93. 變數、常數
變數之概述及規則 ... 但請注意,其運用規則也須遵照變數名稱的命名規則。 ... 稱作String Operator,主要是用來連接PHP或html語法,值得注意的是當連結字串或html語法 ...
#94. Gaji-Labo式、CSS の class 命名について
先日、横田が Gaji-Labo式、破綻しにくいHTML+CSSコーディングルールの一 ... BEM(block、element、modifier)に基づく命名規則で、基本的な命名規則 ...
#95. DIV+CSS規範命名大全集合 - 人人焦點
一、命名規則說明. 1)、所有的命名最好都小寫 2)、屬性的值一定要用雙引號("")括起來,且一定要有值如class="divcss5",id="divcss5"
#96. Amazon DynamoDB 中支援的資料類型和命名規則
以下是DynamoDB 的命名規則:. 所有名稱都必須使用UTF-8 編碼並區分大小寫。 資料表名稱與索引名稱長度必須介 ...
#97. CSSクラスの命名規則はどうすべき?ブラウザ的には「BEM ...
html /cssコーダーにおける「あるある」を最初に書いてみましたが、皆さんの会社は、「class名」に関して問題を抱えていませんか? 基本的な問題は、まず「命名規則」を ...
html class命名規則 在 [討論] 大家的命名習慣- 現有命名方法彙整及比較- 看板Soft_Job 的推薦與評價
※ 引述《meokay (我可以)》之銘言:
: 如題
: 現在常常會Review別人的程式碼
: 發現大家的命名習慣都好不同
: 舉例來說
: 一個Func是Check Status
: 有的人會寫 void check_status()
: 也有的人寫 void checkStatus()
: 也有看過寫 void CStatus()
: 姑且不論第三種
: 那大致上就是分成底線派跟非底線派
: 大家的命名是哪種風格啊?
: 有沒有大大願意分享一下~
: 或是有什麼堅持xDD
: 我先投非底線派一票QQ
命名規則是為了增加識別和可讀性,沒有強制的規定,但一旦選擇其中一種,會建議編寫
時統一格式;而化學、天文、生物也有其慣用的命名方法;大部分的程式語言也有對此進
行建議,以統一風格。
在程式設計的命名上,當變數、函式及類別等名稱由兩個以上的單字組合,就可以使用現
有的命名方法,增加識別和可讀性。目前已經出現的命名方法,可以分為Underscore(底
線式)、Camel-case(駝峰式)及Hungarian notation(匈牙利命名法)三大類。此文進行彙
整,並以個人經驗,探討其優缺點。
------
Underscore(底線式):
------
單字之間使用底線分隔,GNU/Linux環境中最常見,例如:string_name。
優點:使用底線取代空格,閱讀上比較直覺易懂。
缺點:比起Camel-case使用字首大寫取代空格,底線比較少在日常輸入,因此需要適應。
------
Camel-case(駝峰式):
------
單字之間使用大寫分隔,又可以分為Lower Camel-case(小駝峰式),或Upper
Camel-case(大駝峰式),而後者又稱為Pascal-case(帕斯卡式)。
Lower Camel-case(小駝峰式):
第一個字母用小寫,此變化常用在變數名稱上,例如stringName。
Upper Camel-case(大駝峰式):
第一個字母用大寫,此變化常用在函數、類別、屬性及命名空間上,例如StringName。
優點:
可以利用名稱前綴的大小寫,區分變數,以及函數、類別等其他型別。
單字之間使用大寫取代底線,能夠減少名稱的長度,減少程式碼超出視窗被遮擋的情況。
缺點:
比起Underscore使用底線取代空格,閱讀上較不直覺易懂。
------
Hungarian notation(匈牙利命名法)
------
在Camel-case(駝峰式)的基礎上,在名稱前綴添加預先約定好的縮寫,例如約定如下:
b boolean
c character
str C++ String
si short integer
i integer
li long integer
f floating point
d double-precision floating point
ld long double-precision floating point
sz Old-Style Null Terminated String
if Input File Stream
is Input Stream
of Output File Stream
os Output Stream
S declaring a struct
C declaring a class
Source: https://web.mst.edu/~cpp/common/hungarian.html
根據縮寫用途的不同,又可分為Systems Hungarian,以及Apps Hungarian。
Systems Hungarian:
名稱前前綴代表的是實際的資料型別,例如:strName。
Apps Hungarian:
名稱前綴代表的是目的或其他提示,例如:usName,其中us代表unsafe,為了避免Code
injection或XSS,之後必須進行過濾處理。
優點:
不需要IDE支援,就能夠從名稱能看出型別。
制定好的編碼規則,能夠在搜尋時更加統一易找。
制定好的編碼規則,能夠在命名及輸入上更快。
缺點:
需要另外學習編碼規則。
現代IDE已經可以輕易的區分型別,在資料型別上,此方法稍嫌多餘。
變數型別修改時,名稱也必須修正維護。
採用縮寫來命名,對新手較不友善,例如szName,不如stringZeroName。
也更容易造成歧義,例如szName,更容易被誤讀成其他意思,也難以Google。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.13.41.25 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1566120705.A.C1F.html
※ 編輯: lion741205 (101.13.41.25 臺灣), 08/18/2019 17:52:55
※ 編輯: lion741205 (101.13.41.25 臺灣), 08/18/2019 18:16:13
只是對專案新人或以後接手的人比較不友善,還要另外去了解那些縮寫的含意;
比起寫清楚講明白,更容易造成歧義,所以有些書提倡不要使用匈牙利命名法。
... <看更多>