问题标签 [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.

0 投票
0 回答
611 浏览

javascript - AppCache 在 Safari、Firefox 中的行为异常

我在使用 AppCache 时遇到了一些大问题。

我有一个单页应用程序(使用Page.js的真实 URL并在页面加载时从服务器加载 HTML,(调度:false)

它在 Bode.js 上运行,特别是它是一个Sails.js应用程序。

我在布局的 HTML 标记中有一个清单文件。清单文件已经过反复测试,一切都检查出来了。它在 Chrome 中完美运行。即使在 Safari 中,它也会正确显示在检查器中,并在文件中列出资产列表。到目前为止,一切都很好。

但是,脱机时,Safari 无法加载除 HTML 文档本身之外的任何内容。所以我基本上看到的只是一个无样式的标题列表。控制台显示一堆 404。因此,即使它正确读取清单文件,它也不会缓存任何内容。

Firefox 甚至没有检测到清单文件,而且似乎工作起来就像它不存在一样。

iOS7 上的 Safari 在离线时的行为类似于 Firefox,并且不显示任何内容。

任何有任何好主意的人为什么会发生这种情况?

0 投票
0 回答
42 浏览

javascript - 使用 pagejs 在 url 中捕获正则表达式组

我在 pagejs 中需要多个可选参数,所以我不能这样, /controller/action/:p1?/:p2? 因为如果没有提供 p1,值将设置为 p1 而不是 p2。所以我选择了这个 url 形式: /controller/action/p1/:p1/p2/:p2 但这要求 url 接收两个参数,所以现在允许可选,所以我想在正则表达式组中使参数前缀和参数接收器都是可选的,以这种 url 方式进行: /controller/action(/p1/:p1)?(/p2/:p2)? 但是它不起作用,它将函数设置为p1 ...

在 pagejs 上实现这一点有什么帮助吗?

https://github.com/visionmedia/page.js

0 投票
1 回答
307 浏览

javascript - 如何让 page.js 在同一站点上的单页和多页中工作?

我正在使用 page.js 在 Grails 应用程序中进行路由,使用“/”指向 /HomeController/index 以提供单页 Web 应用程序。我刚刚安装了 Grails Spring Security Core 插件,我正在使用 Grails 脚手架创建用户管理/权限视图,目的是以传统的多页面方式为它们提供服务,以避免在管理页面上做大量的 UI 工作. 大部分应用程序将使用单页架构提供服务,只有管理页面提供多页服务。

在他们的文档中,page.js 说,“默认情况下,当路由不匹配时,page.js 将调用 page.stop() 来解除自身绑定,并继续重定向到请求的位置。这意味着您可以使用 page.js使用多页应用程序,而无需明确绑定到某些链接。” 但是,我无法让它工作......

我正在使用 page.js,如下所示:

当我单击指向“/user”的链接时,根据他们的文档,我希望它直接转发到“ http://domain.com/user ”。它将正确的路径添加到浏览器位置栏 ( http://domain.com/user ),但浏览器从不转发到页面。为了看到这个页面,我必须点击链接,并且在位置栏发生变化后,如果我刷新浏览器窗口,就会出现正确的页面——显然是不可接受的。然而,我在他们的文档中找不到如何正确实现这一点。我已经尝试了几个小时的各种设置,但没有运气。如果我注释掉上面的 page.js 代码,多页面管理页面可以正常工作,并且我能够从一个页面导航到另一个页面没有问题。有没有人解决过这个问题?

0 投票
1 回答
90 浏览

javascript - 将 page.js 与 sinatra(或 rails)一起使用

我想知道是否可以将page.js与 sinatra 一起使用。我images的路线被 Sinatra 而不是 Page.js 拦截

0 投票
0 回答
643 浏览

javascript - 在两个不同的 spa 页面之间使用 page.js 进行客户端路由

我们正在使用多个单页应用程序构建一个应用程序以保持小型化,但遇到了在页面之间建立链接的问题。

假设我们要页面设备.html 和维护.html

两者都是独立的 SPA 应用程序,每个应用程序都有自己的客户端轮换表现在我们使用 page.js 使用 #! 进行客户端路由!

在设备页面上,我们放置一个链接 <a href="/maintenance.html#!/show/350">Show Maintenance</a>

将鼠标悬停在链接上会显示http://localhost/maintenance.html#!/show/350 但是当我们单击链接时它会转到http://localhost/equipment.html#!/maintenance.html#!/show/ 350不会带我们去任何地方。现在,第二次点击链接会将我们带到正确的页面。有什么办法可以解决这个问题?

谢谢

0 投票
1 回答
949 浏览

javascript - 当在新选项卡中打开链接时,使用 page.js 的 Polymer Routing 不会向 URL 添加 hashbang

我正在使用page.js用于路由的聚合物入门套件。该hashbang page选项设置truerouting.html

当点击诸如此类的链接时<a href="/products/productname"></a>#!会添加 并且生成的 url 看起来像这样:http://localhost:3000/#!/products/productname但是当在新的浏览器选项卡中打开链接时,它们看起来像这样http://localhost:3000/products/productname#!在新标签页中打开链接时如何添加?

0 投票
1 回答
2897 浏览

html - 如何使用 page.js 在位于站点内部页面上的 Polymer 应用程序中实例化路由

我正在尝试在网站的内部页面上运行 Polymer 应用程序,但在设置初始路由时遇到问题。该应用程序位于本地开发人员的 127.0.0.1:8080/hardware 上。

我的自定义元素如下所示:

自定义元素被包裹在<template is="dom-bind" id=app>页面上。

我的 routing.html 是从 elements.html 调用的,如下所示:

而且 routing.html 看起来像这样:

我在页面底部调用这个脚本:

所以请注意,在添加<iron-pages>元素之前,我的铁选择器和 dom-repeat 模板起作用。

我现在的问题是,当<iron-pages attr-for-selected="data-route" selected="{{route}}">其选择设置为 {{route}} 时,iron-pages 将不会显示任何部分,但会显示hardware/#!/hardware.

当我手动将 iron-pages selected 属性设置为主selected="home"视图显示时,iron-selector 和 dom-repeat 这两个功能。然而,当我单击指向路线 catz 的链接时,当 url 更改时,视图保持不变。

console.log(app.route)在开发工具中返回home所有点。我已尽力模拟 Polymer 1.0 Starter Kit 的路由方法,但无法使其正常工作。

那么,我如何开始设置回家的路线,然后允许它在用户交互时改变?

0 投票
3 回答
1305 浏览

javascript - 无法在 Polymer 1.0 starter-kit 中创建新路由(通过 page.js 和 iron-page)

我是聚合物新手,我只是从 Polymer 1.0 入门套件开始

我了解 Polymer 应用程序的结构,并使用 page.js 制作了这样的新路线。

据我了解,page.js 将 app.route 设置为一些值,Polymer iron-pages 使用 app.route 选择正确的部分以显示selected="{{route}}" 代码如下:

毕竟是什么问题!?好吧,当我使用localhost:8000/artworkspage.js 时不会将其更改为,localhost:8000/#!/artworks但它对每个其他路由地址都一样localhost:8000/users,或者localhost:8000/contact 因此 Web 浏览器将在 localhost:8000/artworks 文件夹中搜索该文件,但没有找到任何 404 错误会发生。

我现在无法理解。我在这里错过了什么?任何想法?

0 投票
1 回答
510 浏览

polymer - 选择菜单项时,Polymer Page.js paper-header-panel 元素滚动到顶部

我对纸张菜单和纸张标题面板有疑问。当我单击我的纸质菜单项并且 webcomponents 已正确加载相关页面时,此页面会出现在上一个滚动位置。执行点击时如何设置在顶部滚动?

0 投票
1 回答
3838 浏览

polymer - 使用 Page.js 的 Polymer 应用程序路由部分

我正在使用 Polymer Starter Kit,并希望将每条路线的内容放在单独的文件中(/pages/games.html、/pages/movies.html 等),但我找不到任何示例。

有人能指出我正确的方向吗?还是不可能或不推荐这样实现路由?