AngularJS风格指南 - Todd Motto vs John Papa vs Minko Gechev

时间:2014-10-23 17:57:08

标签: javascript angularjs coding-style

我对Angular很新,我想从一开始就学习好的做法。我遇到过三个 Angular样式指南,它们看起来都很棒。我想知道哪一个最好供我采用,但由于我对大型Angular应用程序没什么经验,所以我无法做出判断。

哪一个最好?或者即使不是更好,那么在开发过程中更直观/更少的问题?也许你们中的一些人对所有这些人都有经验,可以指出他们的利弊吗?

链接:

3 个答案:

答案 0 :(得分:31)

我已经通过了Motto和Papa的指南,90%的时间他们都同意相同的指南和用法。座右铭很简单,很容易遵循,Papa很长,但涵盖了几乎所有东西。我认为你最好从它们中的任何一个(最好是较短的一个)开始,当你遇到新事物时(例如:你可能最初没有实现指令但是在一段时间之后)然后去阅读指令部分。不要试图从头到尾阅读所有内容,因为它可能会让您感到困惑。从最需要的那些开始,开始编写应用程序。

  • 文件结构(Minko) - 应用程序结构(Papa)
  • IIFE(Papa)
  • modules(Motto,Papa) - Modularity(Papa)
  • 控制器声明和最佳实践(Motto,Papa)
  • 服务声明和最佳实践(Motto,Papa)
  • 评论(座右铭,爸爸)
  • 命名(爸爸)

这些应该足以让你开始并使用Angular进行大部分开发工作,然后当你来到角度的新区域时 - 比如你是否计划构建指令 - 然后去阅读那些部分指南。否则你只需花几天的时间阅读和思考指南而不做实际的工作。除非您使用它,否则您将看不到自行实施某些内容的最佳方式,而且还有最佳实践背后的理由。

答案 1 :(得分:12)

2016年7月,只有一个风格指南真正了解了为Angular 2制作AngularJS应用程序的挑战。这就是Todd Motto的风格指南。 6月份进行了大量的返工(只需检查提交活动:https://github.com/toddmotto/angular-styleguide/graphs/commit-activity

它拥有2016年风格指南所期望的一切,包括:

  • ES2015
  • AngularJS 1.5.x
  • module.component()
  • 单向数据流
  • 有状态/无状态组件
  • 等...

此外,检查这个令人敬畏的种子项目,它遵循Todd Motto指南中的几乎所有规则:

https://github.com/AngularClass/NG6-starter

答案 2 :(得分:0)

每个人都应该有长远眼光。换句话说,从小处开始,但要记住应用程序的发展方向。

John papa根据我提供了最好的文件结构,并且许多有用的框架如YEOMAN遵循john papa类型的app结构。

约翰爸爸的主要特征如下:

  1. 每个文件一个组件可以简化单元测试和模拟。

  2. 每个文件一个组件使得更容易阅读,维护和避免与源代码管理中的团队发生冲突。

  3. 每个文件一个组件可以避免在组合文件中的组件时出现的隐藏错误,这些错误可能会共享变量,创建不需要的闭包,或者与依赖关系产生不必要的耦合。