Css 如何对Twitter引导项目进行代码审查?

Css 如何对Twitter引导项目进行代码审查?,css,twitter-bootstrap,Css,Twitter Bootstrap,创建一个计划,在引导项目的设计团队中进行代码审查,以减少缺陷并提高质量 为代码审查清单起草了一些问题,粘贴在下面 此检查表中还可以包含哪些问题或要点来对照开发人员的代码检查,以确保代码的质量? bootstrap.css是否未修改 选择有意义且必需的插件 避免显示多模式提示 将modal的HTML放在前面或后面 遵循引导的命名约定 使用了最新版本的引导程序 是否将容器流体类用于全宽行而不是全宽行 您是否根据引导CSS使用了正确的媒体查询断点 引导网格用于使设计具有响应性 这些检查表问题尚未完成,

创建一个计划,在引导项目的设计团队中进行代码审查,以减少缺陷并提高质量

为代码审查清单起草了一些问题,粘贴在下面

此检查表中还可以包含哪些问题或要点来对照开发人员的代码检查,以确保代码的质量?

  • bootstrap.css是否未修改
  • 选择有意义且必需的插件
  • 避免显示多模式提示
  • 将modal的HTML放在前面或后面
  • 遵循引导的命名约定
  • 使用了最新版本的引导程序
  • 是否将容器流体类用于全宽行而不是全宽行
  • 您是否根据引导CSS使用了正确的媒体查询断点
  • 引导网格用于使设计具有响应性
  • 这些检查表问题尚未完成,需要您的指导和帮助来完成完整的代码审查

  • Bootstrap设计为移动优先方法,因此您应该始终检查是否遵循了移动优先方法
  • Bootstrap是一个巨大的库,因此您应该检查是否所有组件都已正确使用。有许多组件,如手风琴、面板、旋转木马等,可以使您的设计紧凑、美观
  • 检查是否所有列都包装在
    中,因为这是使用引导的正确方法
  • 检查引导
    CDN
    是否在一个页面中使用了两次。原因,如果在pge中使用两次引导
    CDN
    ,将干扰某些元件的正常功能
  • 以下应该是引导
    CDN
    --

    
    
    这些是你在复习时应该检查的一些基本内容

    编辑

    用于性能方面

    检查这个答案

    文档

    许多其他文件可在网上查阅

    编码标准

    现在对我来说,这是一个相对的术语,根据需要而变化

    注意

    从我个人的观点来看,这只是一个建议,复习时不要对规则过于严格。如果一段代码看起来显然是错误的,但却优雅地解决了一个问题,我会接受这一点


    希望这有帮助

    真的很有帮助。是的,这也将有助于我进一步回顾您在回答中提到的要点,从而使代码更高效。我们是否可以添加一些与性能、编码标准、文档等相关的检查表点,以及为获得更好的代码不应做的事情?
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
          <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>