IT入门 > 图文教程 > javascript >

IT入门 > 图文教程 > javascript >

一个类似backbone路由的纯净route

  你会看到这个提示,那是因为你的系统无法识别某栏目的模型信息,或者你新建模型后,没为这个模型设计单独的模板。不同模型的文档浏览页的模板为:article_模型名字标识.htm 如“article_article.htm”,更多的信息你可以在频道模型管理的地方查看。
文件类型 内容:
模板调用标记:
.exe
语言 内容:
模板调用标记:
简体中文
软件类型 内容:
模板调用标记:
国产软件
授权方式 内容:
模板调用标记:
共享软件
操作系统 内容:
模板调用标记:
软件等级 内容:
模板调用标记:
3
官方网址 内容:
模板调用标记:
演示网址 内容:
模板调用标记:
软件大小课程时长 内容:
模板调用标记:
下载资料 内容:
模板调用标记:
详细介绍 内容:
模板调用标记:

 

大家用backbone、angular,可能都习惯了内置的路由,这两个框架的路由都是非常优秀的,强大而简单。

客户端(浏览器)路由原理其实比较简单,其实就是监听hash的变化。

在之前的架构探讨中,说到director.js这个路由类库不好使,那么,在这一篇,我们尝试自行实现一个简洁而且非常好使的路由类库。

原理先介绍,无非几个步骤:

  • 建立配置表(字符串路径和函数的映射)

  • 监听路由(onhashchange)

  • 处理路由变化,跟配置表的路径做匹配

    • 路径转化为正则表达式

    • 正则exec,匹配+抽取参数

其中难点就在于路径转化为正则表达式,director没做好就是这一步,而backbone则做得非常非常强大,那么我们可以尝试把backbone这一块代码抠出来。

路由表:

一个类似backbone路由的纯净route

监听路由变化:

一个类似backbone路由的纯净route处理路由变化,先拼凑正则表达式:

一个类似backbone路由的纯净route

从原来的:module2/:name变成标准的正则表达式,个中奥妙大家自行顿悟

循环匹配:

一个类似backbone路由的纯净route然后。。。做个简单的测试:

一个类似backbone路由的纯净route好了,全文完。

本文源码:

https://github.com/kenkozheng/HTML5_research/tree/master/backbone-route


 


下载级别 内容:
模板调用标记:
0
需要金币 内容:
模板调用标记:
0
课程难度 内容:
模板调用标记:
0
(责任编辑:zengmumu)
    广告位API接口通信错误,查看德得广告获取帮助