1. 简单页面不需要过度依赖bootstrap
在开发简单静态页面的时候,并不一定需要使用到bootstrap框架。如果页面只包含基础的HTML,CSS和JavaScript的话,那么使用bootstrap反而会造成资源浪费,增加页面的加载时间。此外,使用bootstrap需要加载JS和CSS文件,而这些文件的大小不小,对于慢网络的用户访问页面的速度会很慢。
<!DOCTYPE html>
<html>
<head>
<title>Simple Page</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Welcome to my page</h1>
<p>This is a simple paragraph.</p>
<script src="script.js"></script>
</body>
</html>
2. 自定义样式更加灵活
对于需要定制化的页面,无论是样式还是布局,使用bootstrap反而会限制自定义的能力。特别是对于一些细节的处理,由于bootstrap的样式已经被写死,如果需要覆盖掉原有的样式,需要写很多的CSS代码才能达到想要的效果,这会导致页面CSS代码冗长。
如果只需要简单灵活的样式,组件,可以使用现代CSS预处理器,如Sass、Less、Stylus等,通过对变量的赋值和混入的使用可以更加轻松地实现自定义的页面样式。
3. 减少页面依赖,使页面更轻量级
使用第三方框架或库会增加页面的依赖,使得页面的访问速度更加缓慢。如果不使用bootstrap,可以通过简化页面的元素和样式,来减小页面的大小和访问时的延迟。
此外,不使用bootstrap还会使得页面的可维护性增强,减少了对于外部资源的依赖,使得代码更具有可读性和可移植性。
4. 提升自己的前端技能
如果仅仅依赖于bootstrap框架,开发者的能力可能会受到一定的限制。如果开发者在基础的HTML、CSS和JavaScript上有较为扎实的掌握,那么自己对于页面的布局和样式的实现也更加自由,可以充分展示出自己的前端技能。
5. 总结
总的来说,使用 bootstrap 框架可以快速的开发响应式的页面,在某些情况下也十分方便,但并非每个开发场景都需要使用 bootstrap,如果开发者对于 HTML、CSS 和 JavaScript 的基础使用十分熟练,那么就可以不用过多的依赖第三方框架,使用自己写的样式使页面更加轻量级,更具有可扩展性。