SPA-by-AngularJS 单页应用

SPA-by-AngularJS这个项目是根据angular-ui-router中的sample更改的(比较懒...)，主要还是为了做个对比。原项目在这个sample的基础上添加了requirejs模块化编程，前端项目构建grunt。要使用firefox打开index.html，chrome打开会报XMLHttpRequest加载本地文件错误。

前端模块化编程在我们之前的编程中，代码几乎都是放在script的文件夹中，使用的时候，要根据依赖关系，在页面中引入，这样就比较杂乱。引入前端模块化管理，它可以轻松管理各种JavaScript脚本的依赖关系，自动加载各个模块，使得网页结构清晰合理，这里使用了requireJS（详细了解请参考前端开发模块化requireJS中文手册和requirejs前端模块化.pdf）。

模块化编程带来的弊端是什么？我们通过requireJS可以将代码分割成若干模块，保持了代码的模块化和易维护性。但是在生产环境中，所有JavaScript文件分离，可能会增加加载时间。不过，您不妨试试使用AngularJS创建单页应用的编程指引，这里有详细的说明。

单页应用的开发也可以参考单页应用SPA前端开发指南和requirejs整合angularjs。这些资料将会帮助您更好地理解和应用这些技术。

如果你还想更深入地了解，可以查看requirejs模块化和angularjs requirejs boilerplate用于节点的完整angularjs requirejs样板源码。这些资源能够进一步提升你的技能！

不想在代码的海洋里迷失？看看这些吧：requirejs-angularjs-uiroute-uploadfile和angularjs_requirejs demo。通过这些例子，你会发现，原来前端开发也可以这么有趣！

如果你想要结合课程学习，推荐你参考Coursera AngularJS课程的单页Web应用程序源码。这个课程提供了丰富的实战经验，让你从理论到实践一气呵成！

希望这些资源能让你的前端开发之旅更加顺利愉快！