帮自己和其他人一个忙：使代码可维护

前端开发很难。你必须让一些东西看起来很棒，而且实际上也能很好地工作。标准不断更新，浏览器以不同的速度采用这些更新，人们用于访问Web的新设备层出不穷。事情总是在变化。

这就是为什么开发人员在编写代码时必须考虑可维护性。如果我们都知道变化是恒定的，那么我们就必须在构建事物的时候期待它们需要改变，而且很快就会改变。

这就是为什么在标题上有很多焦点http://futureinsightslive.com/las-vegas-2014/“>Future Insights将于6月在拉斯维加斯举行现场直播，介绍让您的生活变得更轻松的工具和技术，可怜的开发人员不得不在某个地方处理您的代码，用户试图访问您的内容，无论硬件或连接速度如何。

“没有人能完美地完成这项工作，”直升机实验室的前端开发人员杰森·伦斯托夫说。“在每个人的网站上，你都可以找到一些你可以争辩的东西，它们不是语义的，或者是不可访问的。W3C的全部功能就是争论正确的做事方式。没有‘正确的答案’

杰森说：“作为网络开发者，我们的目标是找到一个足够好的答案，我们不会排斥任何（用户），也不会让我们的生活变得比必须的更艰难。”。

在FI Live上，Jason做了一个题为“伪元素主类–CSS”的演讲，展示了如何让呈现元素看起来恰到好处，而不需要空的<；span>或<；div>标签，创建膨胀，是一个痛苦的复制。

他说：“我们的想法是创建外观与我们希望的一样好的页面，但搜索引擎、屏幕阅读器也可以访问这些页面，或者不会产生大量语义膨胀并优雅地降级的页面。”。

“对于那些不熟悉伪元素，也没有真正使用过伪元素的人来说，它们可能看起来很吓人，因为它们似乎是虚构的。我希望用master类来说明，这实际上比做一堆空的<；div>；和更容易。它使它更易于维护；它使它变得更容易你可以给你的客户。”

ShayHowe是Belly的产品总监，也是《HTML实用指南》的作者；CSS认为，良好的前端开发离使用构建块不远。事情应该易于组织，在需要的地方迅速到位，然后很容易取出并换成新的东西。

图片来源：Child Plastic Constructor via Shutterstock

Shay正在Future Insights Live上教授一个研讨会，题为“前端构建块：可重用HTML和CSS”

“很多时候，当你在编写代码，在代码库中工作时，你每次都在处理其中的一部分，”谢说。“你不一定能看到整个画面，一个接一个。有时它就像一碗意大利面，你能看到面条的一部分，但你不确定面条从哪里开始或结束。

他说：“代码也有同样的感觉。你看到的是一段代码，但你不确定它的起源地，或者它的功能在一天结束时是什么，你只看到它的一部分。有时候你很难理解或理解它。”。

通过将代码片段视为模块化，而不是每个片段都是唯一的，这样可以节省时间并大大提高站点的可维护性。它需要一种不断寻找机会将代码重构成高效构建块的心态。

“当你开始一个项目时，你还不知道什么地方应该模块化，”谢说。“你有这些组件，随着时间的推移，你的代码库会增长，并且会有点膨胀。想法是，随着它的增长，你后退一步，看看它，然后重构代码。你可以说，‘我在多个地方使用这些样式吗？我能把它们汇总成一种独特的样式，并在我的代码库的多个模式或组件中共享这种样式吗“e？”

Shay说，结果是一个可以快速扩展的网站，并且可以在没有太多麻烦的情况下进行更改。

Shay说：“如果我们把风格模块化，我们就可以保持它们的可维护性，这样我们就可以在没有太多不利影响的情况下快速做出全面的改变。”。“如果你想改变一种风格，一个组件的外观，并且我们以一种相当模块化的方式设置了我们的风格，我们可以一次性制作这些风格，这种改变应该会对我们网站上的每个组件和设计产生影响。”

实现这一点的方法是关注CSS选择器的特殊性，选择类，并遵循Shay将在6月份的FI Live全天研讨会上介绍的一些关键原则。

采用这种可能很棘手的方法，可以在生产力、网站性能和代码的可维护性方面取得重大进展。这应该会让你的未来版本更快乐。

来源：https://speckyboy.com/make-code-maintainable/