草庐IT

single-page-application

全部标签

javascript - Express、Jade 和 NodeJS : Navigate between pages

如何创建一个包含两个按钮的Jade页面,其中每个按钮都重定向到另一个使用Jade制作的页面? 最佳答案 这是我为您的问题编写的代码:server.jsvarexpress=require('express');varpath=require('path');varapp=express();app.set('views',path.join(__dirname,'views'));app.set('viewengine','jade');app.get('/',function(req,res){res.render('layout

javascript - Angular UI Router - 具有空 Url 的抽象父状态

我试图在我的应用程序中设置多个嵌套状态。这是相关代码。functionconfigFn($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise("/cart");$stateProvider.state('checkout',{url:'/',templateUrl:'app/checkout/views/checkout.container.html',controller:'checkoutCntrl',abstract:true}).state('checkout.cart',{data:{step:1},u

javascript - Angular.js 和 Google Analytics 内容实验

所以我试图在一个网站上实现谷歌分析内容实验,该网站被制作成Angular单页网站。我设置了两个版本的主页,/和/?v=2,按照说明粘贴在google代码中,位于的最顶部标记,它工作得很好,谷歌将30%的流量发送到页面的第二个版本,将70%的流量发送到页面的第二个版本。当我尝试访问say/contact时出现了问题,谷歌显然会认为我仍在访问/并会把我送到/v=2(如果我是那30%的一部分)。我什至不确定为什么会发生这种情况,但它确实发生了,我在想如果谷歌的函数不是在加载后立即运行,而是仅在主页的Angularcontroller之后运行,这可能会有帮助。会加载..但我可以让谷歌代码在所述

javascript - jQuery 选项卡 : how to hide single tab?

如何隐藏tab2?我可以将ID添加到第二个li,然后用jQuery隐藏它,但是没有办法直接通过.tabs来完成吗?Tab1TitleTab2Titlecontenttab1.... 最佳答案 试试这个:$('[href="#tab2"]').closest('li').hide(); 关于javascript-jQuery选项卡:howtohidesingletab?,我们在StackOverflow上找到一个类似的问题: https://stackoverf

javascript - Wicket 口 6 : calling javascript function after page load

这看起来很简单,但我找不到在页面加载后(在扩展WebPage的页面上)如何从wicket调用javascript函数的示例。任何人都可以举例说明如何去做吗? 最佳答案 你可以让javascript为你做这件事window.onload=function(){//dostuffhere}如果您在javascript函数中需要来自您的wicket页面的参数,您可以重写renderHead并在其中添加该函数:@OverridepublicvoidrenderHead(IHeaderResponseresponse){super.rende

javascript - 没有服务器端支持的SPA的Facebook共享(托管在CDN上)

我有一个静态网站,一个在CDN上托管的水疗中心-基本上一个index.html,其内容区域基于URL。我需要找到一种方法让FB共享者显示标题和SPA中当前加载的主要内容的说明简单地说,facebook共享会抓取一个页面来查找og元标记并缓存它们。当我们尝试共享url/页面时,将显示此信息。我试着用javascript设置元标记,但最终意识到在抓取时,javascript是不执行的,因此用javascript修改元标记是没有用的。另一个解决方案是在页面加载之前从后端设置og标记,但是托管在cdn上,服务器端不支持这样做。我怎么能解决这个问题? 最佳答案

javascript - 如何在 SPA 应用程序中处理 "intention to open link in new page"?

嗯,在我的(react)单页应用程序中,我有很多“内部链接”。这些链接通过使用路由器存储更改url来工作。(Mobx+react)。由于html标准警告不要在没有实际href的情况下使用href,如果使用on_click事件,则应使用样式看起来像链接的按钮。这工作得很好。除了现在我希望改进使用,我希望允许消费者按下ctrl+click、鼠标中键或用户使用的深奥浏览器的任何键绑定(bind),以“在新选项卡中打开链接”。有没有办法获取浏览器点击的“意图”?-即查看用户的意图是否是在新选项卡中打开链接(按钮)?如果正常点击链接,不让用户重新加载页面?或者从另一方面来说:当点击一个相对URL

javascript - 处理多个 requirejs 上下文之间的共同依赖关系的做法?

我已经开始使用requirejs上下文来划分大型单页应用程序,该应用程序由具有自己的一组依赖项的独立SPA组成。JamesBurke在github上的评论中描述了我现在遇到的关于多个上下文及其公共(public)依赖项未共享的问题,https://github.com/aurajs/aura/pull/170#issuecomment-10973485如何在不同的requirejs上下文之间共享共同的依赖关系,而不会导致对同一文件的重复请求? 最佳答案 我遇到了和你描述的一样的问题。我写了一个插件,负责在嵌套上下文之间共享共同的依赖

javascript - 在 Rails 中实现 "endless page"的最佳方式?

分页很糟糕!用户应该能够永远向下滚动,并在适当的时候自动拉入新内容。有一个decentrailscast关于这个,但Ryan承认他的解决方案在IE中不起作用。在Rails中完成此任务的最佳方法是什么(最好以jQuery友好的方式)? 最佳答案 刚试过jQuery.pageless并且运行良好。 关于javascript-在Rails中实现"endlesspage"的最佳方式?,我们在StackOverflow上找到一个类似的问题: https://stacko

javascript - 如何将 Backbone.js 用于多页 Web 应用程序?

我一直使用Backbone的路由(#!/blah)但我意识到,为了被Google编入索引,您需要提供网站的非JavaScript版本。我不喜欢写两次代码。因此,我宁愿构建多页面应用程序,也不愿构建单页面网络应用程序。Backbone.js为我提供了“结构”,因此我的javascript不会变成一团糟。但是,我对如何使用Backbone构建多页面应用一无所知。您是否在每个页面渲染中包含main.js文件?路线呢?你怎么处理那件事呢?您如何处理模块化等问题?我希望有关于如何使用Backbone构建多页javascript应用程序的教程。 最佳答案