11、网页应用中的URL路由与状态管理技术解析

网页应用中的URL路由与状态管理技术解析

1. 应用状态的存储

在网页应用开发中，当主应用路由与URL匹配时，存储应用状态是一项重要的任务。通过响应URL的变化，我们可以确保在用户点击导航元素或直接输入URL时，应用状态得以保存。以下是实现状态存储的代码示例：

crossroads.addRoute("select/:item:", function(item) {
    if (!item) {
        item = "Apple";
    } else  if (viewModel.items.indexOf(item)== -1) {
        viewModel.items.push(item);      
    }

    if (viewModel.selectedItem() != item) {
        viewModel.selectedItem(item);
    }

    $('div.catSelectors').buttonset();
    if (Modernizr.history) {
        history.replaceState(viewModel.items(), document.title, location);
    }
});

上述代码中，引入了 Modernizr 库，它是一个功能检测库，用于检查浏览器是否支持众多HTML5和CSS3特性。可以从 http://modern