singlepage相关内容

如何在单页应用程序中处理非根 URL?

我尝试使用 Rails 3.2 和 Backbone.js 制作带有 pushState 选项的单页应用程序,但遇到了一些我不理解的问题. 如果我加载应用程序的根 URL (/),一切正常:Rails 返回一个带有 JS 的 HTML 布局,它引导 Backbone,它为 JSON 实体生成一些 XHR 并呈现内容. 但是,如果我从 非根 URL 开始使用应用程序(例如,通过在浏览器的 ..
发布时间:2022-01-08 19:06:30 其他开发

淘汰赛“闪烁"问题

我正在使用 KO 构建 SPA(单页应用程序).该应用程序看起来像一本书,用户可以翻页. 问题在于,每次加载页面时,都会有一小段时间页面“闪烁",用户会看到页面的无样式版本.我猜这是因为很多样式都依赖于 ko 绑定,所以在 ko 完成它“魔法"之前,用户可以瞥见未样式化的代码. 是否可以判断 KO 何时完成所有绑定,然后才显示页面? 我已经设法通过在加载视图之前设置超时来部分解决 ..

如何处理单页应用程序中的非根 URL?

我尝试使用 Rails 3.2 和 Backbone.js 使用 pushState 选项制作单页应用程序,但遇到了一些我不明白的问题. 如果我加载应用程序的根 URL (/),一切都会正常:Rails 返回一个带有 JS 的 HTML 布局,它引导 Backbone,它为 JSON 实体制作一些 XHR 并呈现内容. 但是如果我从非根 URL 开始使用应用程序(例如通过在浏览器的地址 ..
发布时间:2021-12-29 09:31:01 其他开发

“单页"JS 网站和 SEO

现在有很多很酷的工具可以制作强大的“单页"JavaScript 网站.在我看来,这是通过让服务器充当 API(仅此而已)并让客户端处理所有 HTML 生成内容来完成的.这种“模式"的问题在于缺乏搜索引擎支持.我能想到两个解决方案: 当用户进入网站时,让服务器完全按照客户端在导航时的方式呈现页面.因此,如果我直接转到 http://example.com/my_path,服务器将呈现与客户端在 ..
发布时间:2021-12-29 08:51:50 前端开发

单页 JavaScript Web 应用程序的架构?

一个复杂的单页 JS Web 应用程序应该如何在客户端构建?具体来说,我很好奇如何根据模型对象、UI 组件、任何控制器和处理服务器持久性的对象来清晰地构建应用程序. MVC 起初似乎很合适.但是随着 UI 组件嵌套在不同的深度(每个都有自己的方式对模型数据进行操作/反应,并且每个生成的事件它们自己可能会或可能不会直接处理),看起来 MVC 似乎不能干净地应用.(但如果不是这样,请纠正我.) ..

AngularJs ReferenceError:角度未定义

我尝试添加自定义过滤器,但如果我使用以下代码: angular.module('myApp',[]).filter('startFrom', function() {返回函数(输入,开始){开始 = + 开始;//解析为int返回 input.slice(start);}}); 但如果我这样做,我会在萤火虫中得到:“ReferenceError: angular is not defined" ..
发布时间:2021-11-09 02:45:50 前端开发

具有MVC 4的单页应用程序

我刚刚在这里看到了此视频: http://www.youtube.com/watch ?v = vs8-l2Uo1cQ 我有很多问题.我将要开发一个相当复杂的网站,其中包含许多报告数据(如图表)以及更多内容,在我看到此视频之前,我确信我将使用MVC 4表单身份验证解决方案.但是现在我很警惕. singel Page应用程序是否适合复杂的解决方案?还是仅适用于简单的投资组合网站? 不讨厌 ..

如何在加载时配置SPA?

我们正在使用Webpack,React,Node.JS,但我认为这个问题比特定技术更通用.在构建为开发模式或生产模式时(例如,使用DefinePlugin),我可以使用Webpack来配置SPA. 如何在生产模式(在构建时配置)下针对不同的部署环境(例如,登台与生产)配置SPA?例如,这些不同的部署将与不同的后端服务器API通信. 当浏览器正在获取SPA时,SPA不得不以某种方式从服务 ..

在查看“单个帖子"时,用wp_nav_menu类突出显示正确的菜单父类时出现问题

我刚刚更新了我的站点上的菜单,以利用wp_nav_menu.使用WP进行设置非常简单,但是我遇到了一个小麻烦,即wordpress输出其父/祖先类以突出显示内容所属的当前页面的方式,特别是在单个帖子中.页面 ... 只要.current_page_item a和.current_page_parent a突出显示当前页面,只要它与带有孩子的普通页面一样完美,但是只要您访问 events 中的 ..
发布时间:2020-05-08 23:02:07 其他开发

Reactjs令牌到期时间

我使用Reactjs登录创建单页Web.问题是如何以及在何处保存令牌到期时间.我是否需要保存在sessionStore中,但是当浏览器关闭时,所有数据都将被删除.本地商店?但是,数据将永远存在.或者我可以保存在localStore中,在每个事件中我都必须添加功能,以检查事件触发再次成功更新localstore时localStore的到期时间?但是代码看起来太可怕了……性能问题又如何呢?这种做法可以 ..
发布时间:2020-05-03 09:41:32 其他开发

按住Command键单击不会打开新选项卡,但是单击鼠标中键会执行

在我的网站上,这是一个使用Sammy.js和jQuery的单页JS站点,当我用鼠标中键单击链接时,链接将在新选项卡中打开。但是,当我在Mac上命令单击时,它没有。这种情况在Firefox和Chrome中都会发生,因此我认为它必须以某种方式符合规范。 这在Macbook Air上发生(因此触控板+命令按钮)。大多数网站工作得很好,命令点击与正常的中间点击相同。 自己尝试一下: https ..
发布时间:2019-06-06 00:01:20 前端开发

淘汰'闪烁'问题

我正在使用KO构建SPA(单页应用程序)。该应用程序看起来像一本书,用户可以翻页。 问题是,每次页面加载时,页面“闪烁”的时间很短用户看到页面的无样式版本。我想这是由于很多样式依赖于ko绑定这一事实所以直到ko完成“魔术”,用户才能看到无格式代码。 是否有可能告诉KO何时完成所有绑定并且只显示页面? 我设法通过在加载视图之前设置超时来部分解决它,但当然这不是一个好的解决方案。 ..

如何在单页面应用程序中使用#-URL?

这篇文章提出了一个非常有说服力的论据,因为URL是长期存在的(它们被标记并传递),它们应该是有意义的,并且使用散列进行实际路由(确定页面上显示的数据和/或应用程序的状态)是不合适的。当我尝试在我的单页面应用程序中实际执行时,我遇到了一个问题:如何渲染我的链接以便所有浏览器都可以使用该应用程序?在我看来,有三种选择: 所有 href s有一个#/ 前缀。这在HTML4浏览器中非常有用。在HTM ..
发布时间:2018-07-03 10:53:58 前端开发

使用HTML5推送状态URL配置单页网站的nginx

如何配置nginx将所有URL(不是前缀 / api 或某些静态资源(如JS /图像))重定向到索引。 HTML ?原因是我使用HTML5推送状态URL与单个页面应用程序。无论是AJAX还是JS,意义内容都会根据URL进行更改 我当前的nginx配置如下所示: server { listen 2000; server_name localhost; location / ..
发布时间:2018-06-29 22:22:49 前端开发

如何构建GWT独立脱机应用程序?

我需要使用GWT技术来设计SPA,但我不清楚如何制作(编译)只有一页的JavaScript代码。 所以,例如我的任务是用button和div制作简单的页面。你点击按钮,div出现在页面上。简单。 当我在GWT上完成这项工作时,我无法找到一种方法在简单的index.html中使用所有JS代码(或者在一个.js文件中)编译此页面。网页应该在离线模式下工作。 解决方案 b $ b htt ..
发布时间:2018-05-31 12:53:06 前端开发

使用谷歌分析处理哈希#的网址

我正在开发一个使用javascript客户端mvc(本例中为angular.js)的js单页web应用程序。 我将Google分析添加到网站,但从我目前看到的(至少在实时)谷歌并没有考虑到哈希后的部分uri 这是我有一个像 mydomain.com.ar /#/ ideas / 1 这样的网址,但对于谷歌分析来说,它看起来就像 mydomain.com.ar / 有什么想法? ..
发布时间:2018-05-03 13:48:15 其他开发

单页JavaScript Web应用程序的体系结构?

如何在客户端上构建一个复杂的单页JS Web应用程序?具体来说,我很好奇如何根据模型对象,UI组件,任何控制器和处理服务器持久性的对象来清理应用程序。 MVC看起来像首先适合但是,UI组件嵌套在各种深度(每个都有自己的方式对模型数据执行/反应,并且每个生成它们自己可能或可能不直接处理的事件),似乎并不像MVC那样被干净地应用。 (但如果不是这样,请更正我。) - ( ..

Backbone.history:深URL不支持下跌正确的IE浏览器

在我的单页骨干的应用程序,我无法让我长的URL正确路由在IE中。该嵌套多个级别的任何URL,直接加载它们时,没有收到正确的哈希fallbak。 顶级网址,做工精细... 当我加载:domain.com/resource 在IE中我得到:domain.com/#resource(如预期) 导航(在应用程序)工作正常... 当我点击一个链接上:domain.com/resource/123 ..