[label][翻译][JavaScript-Translation]七个步骤让你写出更好的JavaScript代码

7 steps to better JavaScript

原文:http://www.creativebloq.com/netmag/7-steps-better-javascript-51411781
七个步骤让你写出更好的JavaScript代码

随着浏览器的性能提升,新的HTML5 APIS也在不断地被应用,JavaScript在web使用中不断增长。
然而,一行糟糕的代码就有可能会影响到整个网站,产生糟糕的用户体验和造成潜在客户的流失。

开发者必须使用他所能使用的工具和技巧来提高代码的质量,以保证代码每次都可以可靠、准确地执行。
这是一个我一直都在关注的问题,为了保证在开发期间只有高质量的代码才会被发布,我努力了许多年就是为了要找到一个解决办法。

通过这七个步骤不断地去修改完善你的JavaScript项目质量,在这个工作步骤中,甚少的错误将会出现,但将会很容易就被修复,让用户可以顺畅的浏览。

01 代码

在你的函数中通过一个严格的使用声明来调用ECMSScript 5‘s strict mode,同时使用模块设计模式(module design pattern),在自动执行函数闭包中通过沙箱分离代码模块,从而减少全局变量的使用,通过传递任何外部相关的来让模块代码保持清晰和简洁。另外,你必须通过使用已发布和容易测试的第三方库与框架,使你的函数更加简单,从你的DOM操控和其他的视图层代码中分离出所有的业务逻辑代码。

多人的大项目必须要遵循一套编码规范,例如:Google‘s JavaScript Style Guide,并需要有强大的代码处理规则,包括通过RequireJS库来调用的异步模块定义的严格依赖包管理,使用Bower或Jam这些包管理来指定你的依赖文件版本,使用具有结构的设计模式,例如:观察者模式,帮助实现你不同的代码模块之间松散通讯。
使用如Git或Subversion這樣子代碼存取倉庫系統是一個好的辦法,通過例如GitHub或者Beanstalk這些服務可以將代碼備份到雲服務器,使得具有恢復先前代碼版本的能力,而且對於更加大型的項目來講,在項目完成合併之前,可以根據各種需求來創建多個分支。

02 文檔

时间: 2024-10-20 06:16:11

[label][翻译][JavaScript-Translation]七个步骤让你写出更好的JavaScript代码的相关文章

怎样写出更好的JavaScript代码

一.可维护性的代码 1.可读性:在函数和方法.大段代码.复杂算法和hack上加上帮助理解的注释.    2.变量的函数的命名:变量最好用名词,函数最好以动词开头.有较好的语义和逻辑性. 3.变量类型透明:以合适的命名方式来帮助记忆变量的类型 . a:初始化法. b:匈牙利标记法. c:在后面用注释说明. 4.松散耦合 松散耦合就是一部分的代码功能依赖于另外一部分.   a:html/javascript 解耦:html与js尽量分离,比如在html中添加事件处理,动态插入标签.解耦可以更快地知道

七个步骤帮你走出失败经历

失败很讨厌.但如果你想要做成什么重要的事,你必须要习惯失败.难堪.沮丧甚至你无法控制糟糕情形会成为你生活的一部分.除了拥有“积极的态度”,还有什么是你能够做的呢? 我不曾抵达人类智慧的巅峰,所以我不会自吹自擂,说自己从未犯过偶然的错误或者从未有过糟糕的经历.但我可以分享几点我如何面对它们的经验. 1) 寻找意义 问问你自己,该如何利用这些糟糕的经历.在<活出生命的意义>一书中,维克多·弗兰克尔写到他找到自己在纳粹集中营所承受的痛苦的意义.下面是几种能够帮助你找到意义从而面对痛苦的方法: 它教给

如何写出高质量的JavaScript代码

优秀的Stoyan Stefanov在他的新书中(<Javascript Patterns>)介绍了很多编写高质量代码的技巧,比如避免使用全局变量,使用单一的var关键字,循环式预存长度等等. 这篇文章不仅仅从代码本身来考虑如何优化编码,也从代码的设计阶段来考虑,包括书写API文档,同事的review,使用JSLint.这些习惯都能帮助你编写更加高质量的.更易于理解的.可维护的代码(让你的代码在多年之后仍使你引以为傲). 编写可维护的代码 软件的BUG修复需要花费大量的精力.尤其当代码已经发布

使用 Promises 编写更优雅的 JavaScript 代码

你可能已经无意中听说过 Promises,很多人都在讨论它,使用它,但你不知道为什么它们如此特别.难道你不能使用回调么?有什么了特别的?在本文中,我们一起来看看 Promises 是什么以及如何使用它们写出更优雅的 JavaScript 代码. 您可能感兴趣的相关文章 开发中可能会用到的几个 jQuery 提示和技巧 精心挑选的优秀jQuery Ajax分页插件和教程 推荐几款很好用的 JavaScript 文件上传插件 精心挑选的优秀 jQuery 文本特效插件和教程 精心挑选12款优秀 jQ

[label][翻译][JavaScript]如何使用JavaScript操纵radio和check boxes

Radio 和 check boxes是form表单中的一部分,允许用户通过鼠标简单点击就可以选择.当与<textarea>元素的一般JavaScript操纵相比较,这些表单控件(form controls)的JavaScript操纵可以说是大不相同. 一个radio(单选框)与一个复选框(checkbox)的区别 在我们正式开始之前,非常重要的一点就是确定每一个人都清楚知道radio和check box的区别,在一组(a group)radio中你只能选择一个radio,然而,对于check

解决问题—麦肯锡方法:解决问题的七个步骤

解决问题的过程是一个非常严谨的过程,任何一个环节的考虑是否全面.缜密.细致,都将决定结果的成败. 麦肯锡给出的解决问题的方法:分七个步骤 1.陈述问题 2.分析问题(问题树) 3.去掉所有非关键问题(漏斗方法) 4.制定详细的工作计划 5.进行关键分析 6.综合调查结果,并构建论证 7.讲故事(陈述来龙去脉) 解决问题-麦肯锡方法:解决问题的七个步骤,布布扣,bubuko.com

Java开发中JDBC连接数据库代码的七个步骤

JDBC(Java Data Base Connectivity)是一种用于执行SQL语句的Java API可以为多种关系数据库提供统一访问它由一组用Java语言编写的类和接口组成. JDBC对Java程序员而言是API对实现与数据库连接的服务提供商而言是接口模型.作为APIJDBC为程序开发提供了标准的接口. JDBC连接数据库 创建一个以JDBC连接数据库的程序包含七个步骤 加载JDBC驱动程序 在连接数据库之前首先要加载想要连接的数据库的驱动到JVMJava虚拟机这通过java.lang.

C#连接SQL数据库的七个步骤

C#连接SQL数据库还需要进行验证,Windows验证就是SqlServer服务器使用Windows自带的验证系统.在建立数据库连接时,还需要考虑到地址的有效性. C#连接SQL数据库的七个步骤: 1.建立SqlConnection对象: 2.指定SqlConnection对象的ConnectionString 属性: 3.打开数据库连接: 4.指定SQL语句: 5.建立SqlDataAdapter对象和DataSet对象(myDataAdapter = new SqlDataAdapter(s

Unobtrusive JavaScript 不唐突的JavaScript的七条准则

Unobtrusive JavaScript是一种将Javascript从HTML结构抽离的设计概念,避免在HTML标签中夹杂一堆onchange.onclick……等属性去挂载Javascript事件,让HTML与Javascript分离,依MVC的原则将功能权责清楚区分,使HTML也变得结构化容易阅读. Unobtrusive JavaScript是在网页中使用JavaScript的一般方式.该名称并非正式定义,它的基本原则包括: 行为层和表现层分离开: 是解决传统JavaScript编程问