草庐IT

single-page-application

全部标签

javascript - react : Invoke redirect to page, 并传递参数

我正在构建我的第一个React应用程序。在我的代码中,我使用重定向到另一个页面(一个组件)browserHistory.push(pathToMyComponent)我也尝试过react-routerLink-element。Link元素使我能够将数据传递到目标组件,而无需将其显示在URL中,如下所示:但现在我不想创建链接。相反,我想在按下按钮时执行一些操作,然后使用一些计算数据进行重定向。我该怎么做?编辑:这是我的代码。在登录页面中,用户可以执行facebook登录。我想要的是在登录成功后将用户重定向到大厅。我想将userid传递给大厅。window.scrollTo(0,0)}>这

javascript - 在 GitHub Pages 上设置 Gatsby

我一直在为自己设置一个reactjsweb应用程序/webpack等做噩梦。所以现在我正在使用Gatsby,它救了我的命!!!!我已经使用NPM在本地安装了Gatsby。我想将它部署到我的Github页面...它有点工作...以下是我遵循的说明:https://www.gatsbyjs.org/docs/deploy-gatsby/#github-pages这是我在GitHub.io页面上看到的:https://reenaverma.github.io/它不是默认的入门包索引页面/内容,我在我的本地主机8000上看到了。我可以在我的Github存储库上看到正确的内容已部署到Github

javascript - Breeze 是否消除了单页应用程序中对 DTO 的需求?

我正在构建我的第一个SPA,我已经为我的每个实体构建了DTO,但我发现Breeze,它似乎负责将您的更改序列化为最低限度的包以优化更新/添加/等。我构建DTO的原因是为了“扁平化”我的数据并限制我在网络上传输的数据量,但我想知道如果Breeze处理它我是否还需要这个开销。 最佳答案 DTO是有原因的。“扁平化数据”不是其中之一。也不是“限制我传输的数据量”。Breeze在对象图方面做得很好。想象一下,为一位客户发送100个订单。您不想在每个订单DTO上重复客户名称。借助Breeze,您可以查询客户订单(使用“展开”),并获得一份客户

javascript - 检测溢出 :hidden page? 中的滚动尝试

我想检测用户何时试图在我的页面上向上或向下滚动,但由于我不想允许实际滚动,所以我设置了一个overflow:hiddenbody。代码是这样的:$('html,body').css('overflow','hidden');$(window).scroll(function(event){console.log("scroll");});问题是因为没有实际的滚动我无法触发事件,我考虑过删除溢出样式并以某种方式防止滚动但我不知道该怎么做。无论如何,有没有办法在检测滚动尝试时修复滚动?谢谢 最佳答案 尝试使用jQuery鼠标滚轮http

javascript - Node + xmldom : How do I change the value of a single XML field in javascript?

使用nodev.0.10.29,Expressv4.12.0和xmldomv0.1.19,我正在尝试执行以下操作:步骤将XML文件读入字符串使用xmldom将字符串转换为XML对象设置default字段到test将XML对象转换回字符串问题问题是在我设置之后字段,它在对象中正确设置,但是当我将它转换为字符串时,字段恢复为旧值(错误)。代码代码如下所示:varfs=require('fs');varDOMParser=require('xmldom').DOMParser;varXMLSerializer=require('xmldom').XMLSerializer;varfilena

javascript - 如何将Backbone.View绑定(bind)到DOM中类似元素列表中的 'single' DOM元素

我具有以下页面结构:Label1Label2............这是过于简单的View:varMyView=Backbone.View.extend({el:$('.listOfPosts'),initialize:function(){_.bindAll(this,"postClicked");},events:{"click.wcCheckbox":"postClicked"},postClicked:function(){alert("Gotaaclickinthebackbone!");}});问题:我想知道被点击的帖子的数据ID。使用简单的JQuery,我可以执行以下操作

javascript - "prevent this page from creating additional dialogs"的规则

我试图了解Firefox关于在对话框上添加“阻止此页面创建其他对话框”的行为。使用jquery,如果我添加以下监听器://html//javascript$('.testInput').click(function(){alert('clicked')}).keyup(function(){alert('keyup')})点击输入时,提示框正常出现,直到~第13次。另一方面,当按下一个键时,第二个消息框已经出现消息“阻止此页面创建额外的对话框”。实际上,似乎有一些超时,如果我等待比如两次击键之间间隔2秒,消息就会消失。根据我的非正式测试,2.实际上适用于任何时候警报框不是从onclic

javascript - JQuery 手机 : inline data-role ="page" javascript being retain when page is released from DOM?

使用此调用Delete得到如下对话框页面:$("#deleteButton").live("click",function(){alert("thisalertincrements");});DialogDeleteCompanySoundsgoodCancel似乎保留了live("click"..从以前的任何调用绑定(bind)到此对话框,然后绑定(bind)live重拨。因此,如果我分别调用该页面4次,在第四次调用对话框页面时,它将弹出4个警告屏幕。有没有办法让javascript仍然在data-role="page"内?因此它可以加载ajax但不会增加“实时”绑定(bind)。我

javascript - 无限滚动和 will_paginate 多次附加项目的 'next page'

我正在关注thisrailscast尝试在我的Rails应用程序上实现无限滚动页面。当用户向下滚动到页面底部时,将附加一组新的项目并且页面会扩展,但是它会多次附加到页面,即使数组中的所有项目都已加载,事件也会在向下滚动时再次触发,多次再次附加同一组项目。我想要的是在每次用户滚动到底部时附加项目的“下一页”,并在用户再次滚动到底部时附加后续的下一页。这是这个函数的jQuery:jQuery->if$('.pagination').length$(window).scroll->url=$('.pagination.next_page').attr('href')ifurl&&$(wind

javascript - 来自服务器数据的 Vue2 路由器链接

我有一个Vue2SPA页面,它正在从服务器加载内容。客户可以在CMS中对其进行编辑。当用户添加相对链接(比如说/about-us)时,Vue应该选择它并将其视为菜单链接(已经有/about-us链接)。但是在内容中添加的/about-us链接会重新加载整个页面,因此它不会被选为vue路由。如何将路由器附加到此类链接?到目前为止,我所做的是更改后端响应中的内容。所以我本质上是在改变Text进入Text使用:functionparseVueLinks($value){$pattern="/]*)href=\\\"[^http|https|mailto|tel]([^\\\"]*)\"([^