AngularJS深度剖析与最佳实践

序 这是一本具有强烈ThoughtWorks项目风格的书。书中打造的实战项目完全遵循了ThoughtWorks工程实践，一步一步从最初的框架通过快速迭代逐步丰富项目的骨肉，并在这个过程中抽丝剥茧地展 现了AngularJS的诸多特性与技巧，如循循善诱的导师一步步指导着你从AngularJS的小工走向专家。 这里所谓的“专家”不仅仅是指你对AngularJS的诸多技巧尽皆了然于胸，能够挥洒自如地运用于项目开发中——若能如此，不过是“唯手熟尔”的工匠罢了。真正的专家需要从大处着手，挖掘这门 技术背后隐含的设计思想与哲学，换言之，需要知其所以然，却又不偏废细节，锱铢必较每个变量函数的命名格式，使代码臻于完美，并从中提炼出能够推而广之的最佳实践。 从知其所以然入手，书中的第3章“背后的原理”加强了内容的深度，使得本书不至于沦落为一本Example Step by Step。书中通过对MVVM模式的阐释，解释了Angular JS的设计原理与启动流程， 并给出了Angular JS开发的注意事项。书中写道： MVVM模式的要点是：以领域Model为中，遵循“分离关注点”设计原则。这也是Angular的模型驱动思维与jQuery的DOM驱动思维的显著差异。所以我们在做Angular开发的时候应该谨记以下两点： ·绝不要先设计你的页面，然后用DOM操作去改变它。 ·指令不是封装jQuery代码的“天堂”。 又例如细节之处，本书作者仿佛是踮着针尖在跳舞，刻绘的细节纤毫毕现；又佐以代码，论证有理有据；阅读时，真好像是你和雪狼、破狼在一起结对编程呢。例如书中在提及对服务访问对象 （SAO）的封装时，给出了这样两段代码： angular.module('com.ngnice.app').controller('ReaderCreateCtrl', function Reader-CreateCtrl($resource) { var vm = this; var Reader = $resource('/api/readers/:id', {id: '@id'}); vm.submit = function(form) { Reader.save(form); }; }); 封装后： angular.module('com.ngnice.app').controller('ReaderCreateCtrl', function Reader-CreateCtrl(Reader) { var vm = this; vm.submit = function(form) { Reader.save(......