IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

用 HTML 标记的古怪代码注释

腊八粥 2016-02-11 22:55:55 累计浏览 2,876 次
本机暂存

现在我明白了,我在编程方面的很多做法都是古怪的、不入流的,不过,对我而言,多多少少是有帮助的。我的网站比大部分网站,肯定存在更多的问题,但是我交付的速度快了不少。你不都懂的。

我从来无法正确学到的一件事,就是注释我的代码。人们通常注释代码的方式如下:

PHP The Right Way 的代码摘录

上面的代码是从 PHP The Right Way 直接摘录的。我纠结的地方在于,代码缩进越深,代码就变得越发难以理解。如果你深入两个 foreach 循环,你该如何知道这部分代码起始何处?问题在于注释无法以某种方式来分割代码。你看不到某段代码的结尾。

你可以使用函数把代码简化为一行,这解决了很多问题。但是把每个小段代码弄成函数,也会减慢你的速度。

是否有一个折衷方案呢?

我受 HTML 的启发,其代码常常非常清晰,因为你能看到一个标签从哪儿开始、到哪儿结束。一目了然,下面是我相应做出的注释风格:

HTML 标记风格的代码注释

我在 PHP、JavaScript、Obj-C、甚至 Shell 脚本里使用这种注释风格,实际上对于我快速地搞清楚要编辑某个文件的哪个部分、以及其功能,让我节省了大量时间。

更有意思的是,如果你在用 Sublime Text,那么你还能折叠标签之间的整个代码,比如:

在Sublime Text 可折叠的HTML 标记风格的代码注释

这可能违背了在 Hacker News 游荡的、留着大胡子的委员会编写的编码法则的宏大指导。不过还行,我没有留胡子。

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. 各公司对前端开发的职位描述 (累计阅读 10,405)
  2. 浏览器的渲染原理简介 (累计阅读 8,377)
  3. 提高代码可读性的注释技巧 (累计阅读 8,170)
  4. iframe里src="about:blank"的问题。 (累计阅读 8,088)
  5. 程序员眼里IE浏览器是什么样的 (累计阅读 8,011)
  6. 2010网页设计趋势 (累计阅读 7,818)
  7. Web前端工程师编程能力飞升之路 (累计阅读 7,691)
  8. 为什么招不到人 (累计阅读 7,579)
  9. 如何判断自己是否到了该辞职的时候 (累计阅读 7,441)
  10. 如何成为一名优秀的web前端工程师(前端攻城师)? (累计阅读 7,212)