1,启动建设模块
其中,以保持代码的一致性,可重复使用,组织,最好的方法就是组功能在一起。举例来说,而不是倾倒所有的JavaScript成一个main.js文件,认为这是分组到基于功能独立的文件,然后连接它们,一旦你达到你的构建步骤。当然,还有很多事情需要编写模块化代码,您可以编写模块化代码的不仅仅是JavaScript的。
CSS预处理器类似萨斯(我们这里的介绍)允许您编写单独的CSS文件,然后将它们包括在一个主文件,当您编译它们。这可以让你写单个CSS文件的不同部件,如按钮,列表和字体。最后,他们都纳入到一个主文件,但保留这些文件变得轻松许多。
新的技术,如聚合物,可以编写自定义的HTML元素,让你的HTML,CSS和JavaScript可以分为基于功能的单个组件。一定得看看Browserify(我们这里的介绍),它允许您使用Node.js的风格模块在浏览器中。
布拉德·弗罗斯特也给出了思路和方法,在这里编写模块化代码很好的概述。
2,说到预处理器的…
预处理器不只是帮助编写模块化代码。他们是伟大的很多其他的事情呢!预处理程序添加额外的功能,内部代码,同时输出相同的HTML,CSS和JavaScript您的浏览器识别。他们通常需要一些额外的准备时间,但他们弥补它,一旦你习惯使用它们。
使用预处理器可以帮助你不再需要编写相同的代码重复多次,节省时间。他们还补充有益的功能,如变量,函数,循环和简化的语法。大多数预处理器是高度可定制的为好。有几个选项中选择您喜欢的输出格式,包含插件和插件,甚至在需要的时候创建自定义通知。最流行的预处理程序有大型社区,保养良好,并回答常见的问题是不难找到。
这里有一个视频介绍了对CSS,HTML和JavaScript中最常见的预处理:萨斯,Haml的和CoffeeScript的。
如果你有兴趣在萨斯,下面就来看看SitePoint作家雨果Giraudel如何组织他的无礼项目,他最喜欢的工具,这样做的。
当你在看萨斯,一定要检查出HAML和Coffescript为好。
您不必使用预处理器为你写的每一种语言,但其中不少是有帮助的,并可能导致你写出更好的代码。
3,计划动笔之前
当被你坐下来,在纸上最后一次写了,你到底会如何处理一个项目?你打算怎么做框架的使用,有多少浏览器,你应该支持,你打算使用任何自动化任务跑步或构建系统?这很容易跳进一个项目,你想知道它究竟是如何被结构化的,只有通过你需要回去重写部分代码实现了一半。
北美是一个优秀的一套准则,概述了如何在Web项目计划从开始到结束。这是一个长期而全面的活的文件,不是所有这些,是因为有写代码,但它的长度和细节的推移,显示究竟有多少因素,建立一个网站时,必须考虑的。
决定合适的工具和使用库可以是一个艰巨的任务,尤其是当新的工具和库创建的每一天。 í策展的工具和资源,这个列表来帮助跟踪的最好,最有用的,可以随意规划你的下一个项目的时候使用它。
4,使用版本控制
版本控制是一个系统,记录更改某个文件或文件集的一段时间内,允许多个用户同时编辑,跟踪变化,和主机的资产。有很多的服务,使版本控制,包括到位桶,Assembla和Github上的。 Github上是我个人最喜欢的,因为它可以促进社会的编码,这意味着人们可以在Github上共享代码,同时提高和学习别人添加的代码。
版本控制是一个复杂的话题,了解,但也有很多的教程,以帮助您开始。我建议考虑看看我们的介绍Git的上入门的基本概况。我们还必须使用Git在团队环境和一些技巧,把你的Git技巧更上一层楼的指南。如果你不卖的Git,你还有其他的选择进行版本控制,以及。
最后一个提示:使用命令行。在命令行可以是一个令人生畏的界面,但熟悉它会继续提高你的编程作为一个整体的了解,同时使您能够使用像杯和兽人等伟大的工具。
5,启动控股码评论
这是比较容易,如果你的工作与开发团队做的,但如果你的工作在你自己也不是不可能。代码审查的基本思想是提出你写的一组同伴(或上级)的一些代码,以便您能解释一下你写的是什么,学习如何写出更好的,甚至是教别人谁可能不熟悉随着技术的你写的。
所以最好每周做,学习如何提高你已经写好的目标。下面是对代码审查,介绍如何充分利用它的好处的文章。
如果您不要在团队中工作,或者你非常反社会,的JSLint和SCSSlint可以是有益的。这些工具会检查你的代码中的错误,同时保持你的文件保持整洁。没有人接触必要的!
6,以编码的挑战
有很多免费资源,网上的那些目标,努力提供挑战的开发者希望得到的,他们每天使用的语言更好。这些网站大多都配有大型社区愿意在需要的时候提供帮助,所以不要担心会卡住,并无法继续。
CodeWars是伟大的,在你的JavaScript能力刷牙,并在实践应用将会给你随机的前端挑战的基础上Codepen。
结论
以下其中的一些技巧或全部将大大提高你的编程技巧,以及网站,工具,或者您正在构建的应用程序,因此质量。
原文地址:http://www.sitepoint.com/6-tips-for-writing-better-code/