编写代码用什么牌子电脑好_编写更好的代码的6个技巧

最新推荐文章于 2024-10-12 12:26:23 发布

dingshi7798

最新推荐文章于 2024-10-12 12:26:23 发布

阅读量82

点赞数

文章标签： python java 编程语言 javascript 人工智能 ViewUI

原文链接：https://www.sitepoint.com/6-tips-for-writing-better-code/

版权

编写代码用什么牌子电脑好

在任何给定的一周里，我都可以用至少四种不同的语言编写至少几百行代码。我还可以期望在与我合作的其他开发人员编写的代码上进行编辑，审阅和协作。

简而言之，到处都是很多代码，如果没有组织，管理，最重要的是编写得不好，事情就会变得非常复杂。让我们看一下提高代码整体质量的几种不同方法。

1.开始构建模块

保持代码一致，可重用和组织化的最佳方法之一是将功能分组在一起。例如，与其将所有JavaScript都转储到一个main.js文件中，不如考虑根据功能将其分组为单独的文件，然后在完成构建步骤后将它们串联起来。当然，编写模块化代码还有很多，而且您可以编写模块化代码，而不仅仅是JavaScript。

像Sass这样CSS预处理程序（我们的介绍在这里）允许您编写单个CSS文件，然后在编译它们时将它们包含在一个主文件中。这使您可以为按钮，列表和字体等不同组件编写单独CSS文件。最后，它们都包含在一个主文件中，但是维护这些文件变得非常容易。

Polymer等新技术使您可以编写自定义HTML元素，以便可以根据功能将HTML，CSS和javascript分组为单个组件。请确保也浏览Browserify （在此为我们的介绍），它使您可以在浏览器中使用Node.js样式的模块。

布拉德·弗罗斯特还给出了思路和方法，编写模块化的代码一个很好的概述这里。

2.说到预处理器…

预处理器不仅可以帮助编写模块化代码。它们对于许多其他事情也很棒！预处理器在内部为代码添加了额外的功能，同时输出浏览器可以识别的相同HTML，CSS和Javascript。它们通常需要一些额外的设置时间，但是一旦您习惯使用它们，它们就会弥补这一点。

使用预处理器可以消除多次编写同一重复代码的需要，从而帮助您节省时间。它们还添加了有用的功能，例如变量，函数，循环和简化的语法。大多数预处理器也是高度可定制的。其中一些选项可以选择您喜欢的输出样式，合并插件和插件，甚至在需要时创建自定义通知。最受欢迎的预处理器社区很大，维护良好，对常见问题的答案也不难找到。

以下是有关CSS，HTML和JavaScript最常见的预处理器的视频介绍： Sass，Haml和CoffeeScript 。

如果您对Sass感兴趣，请看一下SitePoint作者Hugo Giraudel如何组织他的Sass项目，以及他最喜欢的工具。

在查看Sass时，请务必同时检查HAML和Coffescript 。

您不必为每种编写的语言都使用预处理器，但是其中许多都是有用的，并且可以使您编写更好的代码。

3.写作前计划

您上一次坐下来是什么时候在纸上确切地写出如何进行项目？您计划使用哪些框架，预计将支持多少个浏览器，您计划使用任何自动任务运行器还是构建系统？跳入一个项目很容易，以为您确切地知道了它的结构，只是半途而废，需要返回并重写一些代码。

North是一套出色的指南，概述了从头到尾如何计划Web项目。这是一个漫长而全面的文档，并不是所有的内容都与编写代码有关，但是它的长度和详细程度继续说明了构建网站时必须考虑的因素。

选择合适的工具和库可能是一项艰巨的任务，尤其是每天创建新工具和库时。我整理了这些工具和资源列表，以帮助跟踪最佳和最有用的工具，因此在计划下一个项目时可以随时使用。

4.使用版本控制

版本控制是一个系统，可以记录一段时间内对一个文件或一组文件的更改，从而允许多个用户编辑，跟踪更改和托管资产。有很多启用版本控制的服务，包括Bitbucket，Assembla和Github。 Github是我个人的最爱，因为它促进了社交编码，这意味着人们可以在Github上共享代码，同时可以改善和学习其他用户编写的代码。

版本控制可能是一个很难理解的主题，但是有很多教程可以帮助您入门。我建议看一下我们对Git的介绍，以获得有关入门的基本概述。我们还提供了在团队环境中使用Git的指南，以及一些使Git技能更上一层楼的技巧。如果您未在Git上出售产品，则还有其他版本控制选项。

最后一个提示：使用命令行。命令行可能是一个令人生畏的界面，但是对它的熟悉将继续增进您对整个编程的理解，同时使您能够使用Gulp和Grunt等其他出色的工具。