Question

我正在制定一个计划，在为引导项目设计团队时进行代码审查，以减少缺陷并提高质量。
我已经为代码审查清单起草了一些问题，我将在下面粘贴 此清单中还包含哪些问题或指向检查开发人员代码以确保代码质量？

bootstrap.css未修改？
选择有意义且必需的插件
避免显示多个模态提示
在
遵循bootstrap的命名约定？
最新版本的bootstrap被使用了吗？
将容器 - 流体类用于全宽行而不是全宽行吗？
您是否根据bootstrap css使用了正确的媒体查询中断点？
用于使设计响应的Bootstrap网格？

这些清单问题尚未完成，需要您的指导和帮助才能进行完整的代码审核。

Answer 1

Bootstrap设计为移动优先方法，因此您应始终检查是否已遵循移动优先方法。
Bootstrap是一个庞大的库，因此您应该检查是否所有组件都已正确使用。例如。有许多组件，如accordion, panels, carousel，可以使您的设计紧凑，看起来很好。
检查所有列是否都包含在<div class="row"></div>内，因为这是使用bootstrap的正确方法。
检查引导程序cdns是否在页面中被使用了两次。原因，如果在一个pge中使用包括bootstrap cdns两次会干扰某些元素的正常运行。

以下应该是bootstrap cdns -

<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>

这些是您在审核时应该检查的一些基本内容。

修改

表现

查看此回答https://webmasters.stackexchange.com/questions/52502/how-can-i-speed-up-the-download-time-of-a-bootstrap-themed-website

<强>文档

The Official website

许多其他文档可在线获取。check out this

编码标准

现在对我而言，这是一个相对的术语，并根据需要而变化。

注意

只是我个人观点的一个建议，在审查时不要过于拘泥于规则。如果一段代码显然是错误的，但优雅地解决问题，我会接受。

希望这有帮助！

如何对Twitter Bootstrap项目进行代码审查？

1 个答案: