anchor.diff:  .l-main-section
   :marked
     ### End to End Test File Names
  +  ### 端对端测试文件名字
     <a id="02-11"></a>
     #### Style 02-11
  +  #### 风格02-11
   
   .s-rule.do
     :marked
       **Do** name end-to-end test specification files after the feature they test with a suffix of `.e2e-spec`.
  +    
  +    **做** 端对端测试配置文件应该和它们所测试的特征同名，并加上后缀`.e2e-spec`。
   
   .s-why
     :marked
       **Why?** Provides a consistent way to quickly identify end-to-end tests.
  +    
  +    *为什么？** 提供一个统一的方法快速识别端对端测试文件。
   
   .s-why.s-why-last
     :marked
       **Why?** Provides pattern matching for test runners and build automation.
  +    
  +    **为什么？** 提供一个模式，与测试运行器和自动建造相配。
   
   :marked
   :marked
  
positive.code: 
  a(href="#toc") Back to top
  
  .l-main-section
  :marked
    ### Properties and Methods
    <a id="03-04"></a>
    #### Style 03-04
  
  .s-rule.do
    :marked
      **Do** use lower camel case to name properties and methods.
  
  .s-rule.avoid
    :marked
      **Avoid** prefixing private properties and methods with an underscore.
  
  .s-why
    :marked
      **Why?** Follows conventional thinking for properties and methods.
  
  .s-why
    :marked
      **Why?** JavaScript lacks a true private property or method.
  
  .s-why.s-why-last
    :marked
      **Why?** TypeScript tooling makes it easy to identify private vs public properties and methods.
  
  +makeExample('style-guide/ts/03-04/app/shared/toast/toast.service.avoid.ts', 'example', 'app/shared/toast/toast.service.ts')(avoid=1)
  :marked
  
negative.code: 
  a(href="#toc") Back to top
  
  a(href="#toc") 回到顶部
  
  .l-main-section
  :marked
    ### Import Line Spacing
    ### 导入声明空行
    <a id="03-06"></a>
    #### Style 03-06
    #### 风格03-06
  
  .s-rule.do
    :marked
      **Do** leave one empty line between third party imports and imports of code we created.
      
      **做** 在第三方导入和自己创建的代码导入之间留一个空行。
  
  .s-rule.do
    :marked
      **Do** list import lines alphabetized by the module.
      
      **做** 按模块名字的字母顺排列导入行。
  
  .s-rule.do
    :marked
      **Do** list destructured imported assets alphabetically.
      
      **做** 按字母顺序排列解构导入行。
  
  .s-why
    :marked
      **Why?** The empty line makes it easy to read and locate imports.
      
      **为什么？** 空行可以让阅读和定位本地导入变得更加容易。
  
  .s-why.s-why-last
    :marked
      **Why?** Alphabetizing makes it easier to read and locate imports.
      
      **为什么？** 按字母顺序排列可以让阅读和定位本地导入更加容易。
  
  +makeExample('style-guide/ts/03-06/app/+heroes/shared/hero.service.avoid.ts', 'example', 'app/+heroes/shared/hero.service.ts')(avoid=1)
  :marked
  