22、JavaScript与CSS在Web开发中的应用

JavaScript与CSS在Web开发中的应用

1. 资源管道位置

资源管道允许将文件放置在三个不同的位置，它们用途不同但功能等效，具体如下表所示：
| 文件位置 | 描述 |
| — | — |
| app/assets | 用于应用程序自身拥有的资源，可包含图像、样式表和JavaScript。 |
| lib/assets | 用于跨应用共享但由你自己拥有的资源，这些资源不完全属于特定应用，但会被其使用。 |
| vendor/assets | 用于来自外部供应商的资源，如JavaScript或CSS框架。 |

一般来说，资源管道不会造成干扰，还能让你更出色地处理资源。更多关于资源管道的信息，可访问 http://guides.rubyonrails.org/asset_pipeline.html。

2. Turbolinks

Rails 4 包含了 Turbolinks 插件。该插件通过使用 Ajax 请求页面而非传统页面请求，来加速应用程序。它会跟踪跨请求常用的共享文件，如 JavaScript 和样式表，仅重新加载发生变化的信息。它会附着在页面的链接上，而非以传统方式进行请求，会发起一个 Ajax 请求并替换文档的 body 标签。Turbolinks 还会跟踪 URL 并管理后退和前进按钮，对用户和开发者来说都是透明的。

在 Rails 4 中，Turbolinks 默认开启，包含在默认的应用 .js 文件中。若因某些原因需要移除 Turbolinks，可从 app/assets/javascripts/application.js 中移除以下代码：