深入理解Bootstrap
Bootstrap是一个非常受欢迎的前端开发框架,笔者在其1.0版本刚刚发布时就开始使用了。该框架极大地提高了我们团队的开发效率,同时也规范了团队成员在使用CSS和JavaScript方面的编写规范。
Bootstrap的强大之处在于它对常见的CSS布局小组件和JavaScript插件都进行了完整且完善的封装,使得开发人员(不仅是前端开发人员)信手拈来,轻松使用。它解决了广大后端开发人员的难题,学完以后,即使是那些只会.NET和Java的高手,也可以在没有前端开发人员的情况下独立开发一个比较精美的Web系统。当然,专业的前端还是很重要的,因为只有专业的前端才可解决更为专业的前端问题,比如封装库和框架等。
编写本书的初衷是培训公司内部所有的Web开发人员,以便所有的人都能够快速制作出精美的Web页面。在经历了两个比较大型的项目后(基于最新版Bootstrap 3),笔者对各种现实环境中曾经遇到过的问题和解决方法进行了整理,并融入了这本原本是公司内部培训教材的图书中。笔者希望以这种方式,把自己掌握的知识和在实战中总结的经验分享给大家,以便提高大家的学习效率。
本书的主要内容和特色
本书是基于最新的Bootstrap 3进行编写的,以实例讲解和源码分析为主要的讲解方式,所以在本书里列举了大量的示例以及与之相对应的源码,以便读者能够彻底了解每个小组件(以及各种用法)背后的原理。
在对CSS组件和JavaScript插件进行分析之后,本书提供了3章的实战内容,首先是对现有组件和插件进行了二次扩展,然后是根据Bootstrap架构思想开发了自己的完整插件,最后是一个组合应用的实例。
另外,本书还添加了很多Bootstrap的潜在用法,以及每个组件在日常使用时的注意事项。
关于本书的内容,这里再多说几句。首先,组件(或插件)是用来使用的,而架构思想是用来理解和创建组件(或插件)、解决疑难杂症的,所以读完本书以后,你可能得到两种结果。
结果1 组件和插件都会使用了,但是没有很好的架构思想。那就做一个制作网页的熟手吧。不是因为Bootstrap很难,而是因为你对相关知识(CSS3、jQuery、JavaScript代码)的掌握还不牢靠。如果你想完全理解它的思想,这就需要把第1章用于理解源码分析的必备知识完全吸收以后(从别的书上再多学一点会更好),再回过头来阅读第2章,然后随便找个组件(或插件)研究一下,相信就没有问题了。
结果2 架构思想都完全理解了。那么你下一步的工作,除了指导你的小伙伴们使用Bootstrap以外,还要帮他们解决疑难杂症。若有机会,可尽量尝试创建具有自己风格的组件或插件。