path.js 简单 轻量级的 Web 浏览器路由库

发布于 2020-03-12 14:04:04 字数 889 浏览 2230 评论 0

PathJS 是一个轻量级的客户端路由库,允许您使用 hash 或者是 HTML5 pushState 创建 SPA 单页应用程序。

特点

  • 简单轻量级
  • 全面支持 HTML5 History API,如果浏览器不支持,可以优雅的降级使用普通链接。
  • 支持 根路由、救援方法、参数化路由、可选路由组件(动态路由)和面向对象的编程
  • 兼容所有主流浏览器(在 Firefox 3.6、Firefox 4.0、Firefox 5.0、Chrome 9、Opera 11、IE7、IE8、IE9 上测试)
  • 独立于所有第三方库,但对所有第三方库都很好的兼容

使用 PathJS

function clearPanel(){
    // You can put some code in here to do 
    // fancy DOM transitions, such as fade-out or slide-in.
}

Path.map("#/users").to(function(){
    alert("Users!");
});

Path.map("#/comments").to(function(){
    alert("Comments!");
}).enter(clearPanel);

Path.map("#/posts").to(function(){
    alert("Posts!");
}).enter(clearPanel);

Path.root("#/posts");

Path.listen();

Github 地址:https://github.com/mtrpcic/pathjs

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84960 人气
更多

推荐作者

一梦浮鱼

文章 0 评论 0

mb_Z9jVigFL

文章 0 评论 0

伴随着你

文章 0 评论 0

耳钉梦

文章 0 评论 0

18618447101

文章 0 评论 0

蜗牛

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文