@adent/router 中文文档教程

发布于 4 年前 浏览 4 项目主页 更新于 3 年前

Usage

const paths = [
  ["/tipy/edit/:id", require("./js/tipedit.js"), { showSection: "newtip" }],
  ["/tipy/:filtr", require("./js/tips.js"), { showSection: "tips" }],
  ["/tipy", require("./js/tips.js"), { showSection: "tips" }],
  ["/tip/novy", require("./js/newtip.js"), { showSection: "newtip" }],
  ["/tip/:id", nihil],
  ["/vydani/:datum", require("./js/vydani.js"), { showSection: "vydani" }],
  [
    "/vydani",
    require("./js/vydani.js"),
    { datum: vydani, showSection: "vydani" }
  ],
  ["/preview/:datum", require("./js/preview.js"), {}],
  ["/preview", require("./js/preview.js"), { datum: vydani }],
  ["/about", nihil],
  ["*", nihil, { showSection: "index" }]
];

const ohc = require("./js/router.js")(paths);

//middleware push

ohc((params,pattern) => {
  if (params.showSection) {
    $("section").hide();
    $("section#" + params.showSection).show();
    delete params.showSection;
  }


});

window.onhashchange = ohc;

Queries

/a/b/c?par1=foo&par2=bar&par3

=> params.query = {par1:"foo",par2:"bar",par3:true}

Globals

ohc("global") 注册全局函数:

  • window.history.stepUp() to go one level up (=drop last fraction of hash)
  • window.history.stepBack() to go back to the previous page

Usage

const paths = [
  ["/tipy/edit/:id", require("./js/tipedit.js"), { showSection: "newtip" }],
  ["/tipy/:filtr", require("./js/tips.js"), { showSection: "tips" }],
  ["/tipy", require("./js/tips.js"), { showSection: "tips" }],
  ["/tip/novy", require("./js/newtip.js"), { showSection: "newtip" }],
  ["/tip/:id", nihil],
  ["/vydani/:datum", require("./js/vydani.js"), { showSection: "vydani" }],
  [
    "/vydani",
    require("./js/vydani.js"),
    { datum: vydani, showSection: "vydani" }
  ],
  ["/preview/:datum", require("./js/preview.js"), {}],
  ["/preview", require("./js/preview.js"), { datum: vydani }],
  ["/about", nihil],
  ["*", nihil, { showSection: "index" }]
];

const ohc = require("./js/router.js")(paths);

//middleware push

ohc((params,pattern) => {
  if (params.showSection) {
    $("section").hide();
    $("section#" + params.showSection).show();
    delete params.showSection;
  }


});

window.onhashchange = ohc;

Queries

/a/b/c?par1=foo&par2=bar&par3

=> params.query = {par1:"foo",par2:"bar",par3:true}

Globals

ohc("global") register global functions:

  • window.history.stepUp() to go one level up (=drop last fraction of hash)
  • window.history.stepBack() to go back to the previous page
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文