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 宝石（gem）。该宝石通过使用 Ajax 请求页面而非传统的页面请求方式，加速应用程序。它会跟踪请求中常用的共享文件，如 JavaScript 和样式表，仅重新加载发生变化的信息。它会附着在页面的链接上，而非采用传统方式发出请求，通过发出 Ajax 请求并替换文档的 body 标签来实现。同时，Turbolinks 还会跟踪 URL 并管理后退和前进按钮，对用户和开发者来说都是透明的。

在 Rails 4 中，Turbolinks 默认开启，包含在默认的应用程序 .js 文件中。若因某些原因需要移除 Turbolinks，可从 app/assets/javascripts/a