JavaScript编程实战[试读]

坚实的基础对任何应用程序来说都至关重要。在写代码之前，必须先对应用程序的架构加以规范。程序有什么功能，将会如何实现？更重要的是这些功能彼此之间如何协作，换句话说，程序的体系是什么样的？ 要回答这些问题，需要搞研究、做原型，并有坚实的最佳实践基础。尽管我不能帮你研究或实现程序中某些组件的原型，但我可以把从最佳实践中取得的经验传授给你。 本章介绍了松耦合的基本工程概念，详细解释了一个实现松耦合的办法：JavaScript MVC和模板引擎。之后介绍一些开发工具，比如Weinre、版本控制和CSS预处理。最后介绍如何在项目中设置Grunt、让文件合并和最小化之类的工作实现自动化处理。用Grunt... 查看全部[ 1.1　松耦合 ]

继松耦合之后，JavaScript模型视图控制器（MVC）和模板是本书要强调的另一个设计模式。它们提供了一个可以把程序各方面解耦的结构。 1.2.1　MVC MVC是一种鼓励松耦合的设计模式。它把驱动程序的数据从显示数据的视觉界面上分离出来。采用MVC框架后，可以在不修改底层数据的情况下改变前端界面的风格。因为MVC将关注点分解到了三个相互关联的组件中：模型、视图和控制器，如图1-1所示。 图1-1　MVC中3个组件之间的关系 1. 模型 MVC中的组件模型就是驱动程序的数据。你可以把模型层看作程序的域逻辑层，它是程序要处理的全部数据。在一个简单的介绍性网站中，模型层可能只包... 查看全部[ 1.2　JavaScript MVC和模板 ]

好的开发人员总是能用最好的工具完成工作。这些工具能加快开发进程，粉碎bug，并能提升程序的性能。本节会先介绍WebKit开发人员工具。对于这些工具，你可能多少有些了解，但我们会深入剖析，并探讨一些高级特性。接着我们会介绍Weinre，这是一个远程控制台工具，可以为任何平台提供一个WebKit开发人员工具，比如在移动设备或非WebKit浏览器上。最后我会强调使用版本控制和CSS预处理的重要性。 1.3.1　WebKit开发人员工具 在所有的开发人员工具包中，我个人最喜欢WebKit开发工具。Chrome和Safari等基于WebKit的浏览器中内置了这些工具。用这些工具调试JavaScri... 查看全部[ 1.3　开发工具 ]

为了保证程序的质量，一定要做覆盖所有功能的测试。但不应该等到程序做好之后才去搭建测试框架。最好是用单元测试确立一个测试驱动开发（TDD）的模式。 单元测试将代码分解为单个任务（单元），确保每个单元能按设计好的逻辑工作。其核心思想是一旦设置好单元测试，就可以在各种不同的环境和浏览器中运行它，以确保程序能够按照预期的方式运转。这是剔除边界情况的最好办法，否则有可能等到产品发布之后问题才会暴露出来。 是的，做单元测试要比只写功能代码工作量大。但如果能确立TDD的开发方式，你在做Q&A，以及调试只在极罕见情况下才会出现的繁琐问题时，可以节省很多时间。更重要的是，完备的测试集能提升你对交付物... 查看全部[ 1.4　测试 ]

本章阐述了松耦合跟关注点分离的重要性，这也是贯穿本书的重点。此外还介绍了MVC及其模型、视图和控制器的不同职责，以及用JavaScript模板显示视图的重要性。 接下来我们了解了Chrome开发人员工具，以及如何用它们调试程序，查看性能。还有如何用远程工具Weinre在任何浏览器和设备上使用这些工具。此外，还强调了版本控制的重要性，以及如何用CSS预处理加快CSS开发的速度。 本章还介绍了如何确立测试驱动开发的模式，呈现了任务运行工具Grunt以及如何用它自动执行合并及最小化之类的重复性任务；也可以在文件发生变化时用它自动测试代码库，既做代码检查又做单元测试。最后我们探讨了QUnit，以及... 查看全部[ 1.5　小结 ]

工程最佳实践 Separation of Concerns：http://en.wikipedia.org/wiki/Separation_of_concerns Best Practices When Working With JavaScript Templates：http://net.tutsplus.com/tutorials/javascript- ajax/best-practices-when-working-with-javascript-templates/ Introduction to Test Driven Development：http://www.agil... 查看全部[ 1.6　补充资源 ]