Web 项目的命名约定答案

【问题标题】：Naming convention for web projectsWeb 项目的命名约定
【发布时间】：2017-07-05 18:37:55
【问题描述】：

在网络项目中，多个解决方案协同工作以产生预期结果是很常见的。就我而言，我目前正在开发一个使用以下内容的项目：HTML、CSS、JavaScript、jQuery、AJAX、JSON、PHP、MySQL 和其他一些库。这是一般项目的典型技术集。

在整个项目中的某一时刻，正如您所料，您需要在被 JavaScript 或 jQuery 处理后，通过 AJAX 调用作为 JSON 对象与从 HTML 到 PHP 的数据进行交互，当然，此输入数据在显示给用户时通过 CSS 设置样式。

此类 HTML 元素的示例如下：

<input type="text" name="my-input-name" id="my-input-name" />

请注意，name 和 id 是连字符的。这也可以写成

<input type="text" name="my_input_name" id="my_input_name" />

或者

<input type="text" name="myInputName" id="myInputName" />

name 和 id 是所有上述技术都可以使用的。

就个人而言，我更喜欢 CSS 的连字符、PHP 的下划线、AJAX 的驼峰式大小写等等。

但这意味着 name 和 id 在至少一种使用的技术中不会遵循所需的命名约定。

我阅读了许多不同的意见（包括 Stack Overflow 中的一些），但没有一个真正提供任何最终结论。

那么，我的问题是，我应该使用哪种约定？ HTML 5 和 CSS 3 时代什么是最好的？

谢谢

【问题讨论】：

【解决方案1】：

这实际上取决于您使用的项目的风格/标准。你提到的三种风格我都看过了。不过，如果我可以提出建议，我已经看到破折号“-”在 Linux 环境中破坏了某些脚本。此外，如果不需要，下划线“_”有时会被认为是多余的。

如果没有其他重要的样式问题，我会推荐骆驼案例的第三个选项（myInputName）。原因可能是在 web 环境中，每次都要重新编译，所以字符越少处理就越少。

【讨论】：