问题标签 [page.js]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 使用 page.js 使用深层链接和漂亮的 url 在 SPA 中添加书签
我正在进入 SPA 编程,并且有一个带有 page.js 的工作应用程序。我搜索了 stackoverflow 和 page.js,但无法弄清楚在重新加载页面(或在共享或添加书签后加载)时如何处理 /record/Name1 之类的 URL 请求。
我看到的唯一方法是使用历史 API 并引用像 record.php?id=name 这样的文件。但我相信在 stockoverflow 上有更好/更漂亮的方法。有人可以为我指出下一步的教程或示例。我想避免使用 jquery 之类的框架(但会使用 Polymer)。
这是我的测试代码。
谢谢您的帮助。
javascript - 无法在 page.js 中正确路由
我正在page.js
使用Single Page Application
. 出于测试目的,我正在使用npm http-server
.
我无法进行路由。我不确定我错过了什么。以下是我的代码:
索引.html:
路由.js
从我的http-server
,我正在访问http://0.0.0.0:8081。我得到一个测试alert
,但我没有得到alert
路由http://0.0.0.0:8081/test。
我不确定我错过了什么。如果您需要其他任何东西,请告诉我。
javascript - 使用 webpack 进行服务器端渲染
我正在使用 Reactjs、webpack 以及 page.js(路由)来构建一个 webapp。Webpack 给了我一个在客户端加载的 bundle.js。
我发现如果我在客户端上加载 og Meta 标签,则无法抓取它们,所以我必须在服务器端实现它(服务器端渲染)。有什么方法可以实现吗?
(我没有在网上找到有关此的适当文档)。
javascript - 无法使用 pushstate 和各种 js 路由器执行路由
我不确定我是否很好地理解 pushstate 和路由的情况,但我被困在尝试使用 pagejs 或 Grapnel 或其他类似的 javascript 路由器路由单页应用程序。
我想要的是能够浏览我的程序并通过在位置栏中手动输入路线(这样我就可以将我的水疗中心各个部分的链接发送给第三方)。例如,我无法使用以下代码手动导航到 /test 路线。
以下是pagejs的示例。
如果收到对 /login 的请求,我还让我的 nodejs 后端重定向到 /#login。
如何使用 pushstate 以便我可以在位置栏中输入手动地址并从路由器和 html 链接浏览它?我在这里想念什么?
一些示例代码:
在welcome.html
在 app.js 中(服务器端)
这有以下结果:
1)导航到/我得到欢迎页面和它已导航到登录路线的控制台日志
2)在地址栏中手动写入链接 /signin 我再次导航到重定向的 / 路由
3)在地址栏中手动编写链接 /#signin 我再次导航到重定向的 / 路由
4)再次单击welcome.html中的链接通过/路由重定向我
5)单击welcome.html中的链接并将其更改为 /test works。
javascript - page.js 取消页面离开
在单页应用程序中,客户端正在编辑一个大表单
localhost/#!/product/123/edit
他导航离开,我想显示一个确认对话框“你确定要离开吗?” [确定] [取消]。如果他点击[取消],他必须留在表格中。
这是我当前的实现
page.exit('*', function (ctx, next) {
if (form is editing and not submitted) {
if (confirm("Are you sure you want to leave")) {
next(); //user click OK -> leave
}
}
else {
next(); //nothing changed on the form => leave
}
});
问题:每次我点击一个链接('/foo')并取消离开。页面内容(我的大表单)保持不变,但page.js
仍会pushState('/foo')
改变 window.location 为 '/foo' 不再与页面对应
我们怎样才能真正取消pushState,并让地址栏保持不变localhost/#!/product/123/edit
polymer - 使用 page.js,是否可以嵌套数据路由?
例如,我在登录、主页、联系人等多个页面之间有一条路由。但是在主页下,我想为抽屉面板创建一个数据路由,该路由将路由到主页内的内容。或者类似标签之间的滑动页面?这可能吗?
polymer - Polymer + page.js 带有纸吐司的 Flash 通知
我正在使用 Polymer 构建一个中型应用程序,并使用 Polymer Starter Kit 启动使用page.js进行路由的事情。
我想使用该paper-toast
元素实现 Flash 消息功能。
在其他技术/框架中,这是通过检查路由更改时是否存在属性来实现的。如果存在,它会为相关的 flash/toast 消息提供支持。
如何...使用 Polymer 和 Page.js 可以复制这种类型的功能?Page.js 似乎没有任何更改路线的事件。
page('/route')
我能想到的唯一方法是为每次我想转到一个新页面时必须调用的函数创建一个代理函数,然后调用实际page
函数。有没有更好的办法?
javascript - 带有 page.js 路由的 Phonegap 仅适用于桌面
我在 HTML+CSS+JS 应用程序中使用page.js。
这些路由在浏览器中完美运行,即使使用“phonegap serve”并访问 my_ip:3000。
但是当我尝试将它加载到我的 phoneGap Developer 中(在 Android 手机中)时,只会加载第一条路线(如果我尝试浏览应用程序链接,我只会看到空白屏幕)。
polymer-1.0 - Polymer 1.0 - 如何使用“页面”来路由应用程序和更改 URL
使用 Polymer 1.0 Starter Kit,我想设置一个新路由,但我需要从我的 app.js 文件中的函数而不是通过 routing.html 触发它
这在大多数情况下都有效。应用程序被路由到 'project' <section>
。但是,URL 不会更新以反映这一点,因此在用户重新加载页面的情况下,他们会发现自己位于与他们刚刚所在的不同的“部分” - 这不是最友好的情况。
有没有更合适的方法来路由不破坏浏览器导航的“页面”?