草庐IT

前端路由

全部标签

javascript - 在 react 路由器中的路由之间设置动画/转换的正确方法是什么

我试图找到有关在react-router中的路由之间设置动画的文档。我看到以下issue对此有一些讨论。在评论接近尾声时,我看到lulridge给出了一个很好的example所以...这个例子是在react路由器中的路由之间设置动画的正确/推荐的方式吗?无论路由中显示什么内容,图像,文本,这是否会导致路由之间的转换?注意:它似乎有点对我有用,但转换的平滑度似乎取决于每条路线之间加载的数据量。JS//thekeypartinyourtoplevelroute/componente.g.Layout.js//whereyouwraptheRouteHandlerintheTransitio

javascript - 客户端路由。它是如何工作的?

我需要一个客户端路由解决方案来使用Chrome应用程序。我研究了几个和crossroads.js看起来很合适。当我将它包含在我的html文件中时,它似乎不起作用;也就是说,如果我使用像这样的代码crossroads.addRoute('/news/{id}',function(id){alert(id);});crossroads.parse('/news/123');,页面提示“123”,但如果我在浏览器的网址栏中输入“/news/321”,它会执行浏览器的默认操作,而不是提示“321”。我究竟做错了什么。(另外,我意识到标题很宽泛,但我相信我在crossroads.js上遇到的困难

javascript - 记录到我们后端的 JavaScript 前端日志系统?

我们为服务器端服务建立了一个日志系统。具体来说,我们的Django项目大量使用Python日志记录模块,因此调用logger.info()、logger.warn()和logger.error()由我们的集中式日志系统获取。我想要在我们的前端有一个等价物,我有一些想法:会有某种通过JavaScript公开的自定义日志记录对象,它会通过XmlHttpRequest将消息发送到后端。我想在客户端有等效的日志记录级别:debug、info、warning和错误。当我们在本地开发(Debug模式)时,我希望通过console.log()将那些日志消息记录到浏览器/Firebug控制台。在生产中

javascript - 用户界面路由器 : How to get next state params in transition

我正在使用ui-router1.0.0.beta.3。如何在转换期间获取下一状态的路由参数?index.run.js$transitions.onStart({to:'**'},verifyAuth);functionverifyAuth(trans){letnextState=trans.$to();if(Auth.verify(nextState.authGroup)===-1){return$state.go('login',{nextState:nextState.name,nextParams:nextState.params});//thisdoesn'twork}}我想存

动态路由RIP的配置练习

例图:要求:R1-R2-R3-R4-R5运行RIPV2,R6-R7运行RIPV11,使用合理地址规划网络,各自创建环回接口2,R1创建环回172.16.1.1/24172.16.2.1/24172.16.3.1/243,要求R3使用R2访问R1环回4,减少路由条目数量,增加路由传递安全性5,R5创建一个环回模拟运营商,不能宣告6,R1telnet_R2环回实际telnet到R7上7,R6-R7路由器不能学习到达R1环回路由8,全网可达 分析:①R1-R2-R3-R4-R5运行RIPV2,R6-R7运行RIPV1--RIP的两种version1/2②使用合理地址规划网络,各自创建环回接口---各

javascript - 使用 angular.js 路由手动刷新时仍然得到 'Not Found'

在阅读了大量关于Angular.js路由的文章和stackoverflow问题后,我在进行手动刷新时仍然收到“未找到”错误。步骤:浏览到localhost-->由于我的配置(如下),我被带到了localhost/home.View和一切加载正常。在浏览器中点击刷新-->浏览器显示这个NotFound:therequested/homeisnotfoundonthisserver这个问题可能最像Refreshingpagegives"Pagenotfound"我的配置//Routingconfiguration.angular.module('myModule').config(['$r

javascript - Vue.js 路由从子目录服务

我想从暂存服务器上的子目录提供我的Vue.js应用程序。例如:http://url.com/subdir/app/现在,如果我这样做并设置构建配置assetsPublicPath以从该文件夹提供服务,所有Assets都可以正常提供,但我的应用程序无法正确路由。“主页”页面被路由到“包罗万象”,任何进一步的路由只会显示正常的白页404。这是我的路由器:exportdefaultnewRouter({mode:'history',routes:[{path:'/',component:ContentView,children:[{path:'/',name:'DataTable',comp

javascript - 如何将自定义组件与 react-router 路由转换一起使用?

文章ConfirmingNavigation说明如何在转换Hook中使用浏览器确认框。美好的。但我想使用我自己的对话框。如果我要使用history模块中的方法,我认为这是可能的。是否可以使用react-router中的setRouteLeaveHook来做到这一点? 最佳答案 核心问题是setRouteLeaveHook期望钩子(Hook)函数同步返回它的结果。这意味着您没有时间显示自定义对话框组件、等待用户单击一个选项,然后然后返回结果。所以我们需要一种方法来指定一个异步钩子(Hook)。这是我写的实用函数://Asynchron

javascript - Angular 2 root 的路由始终处于事件状态

最近我读了thisusefularticleaboutAngular2Router并查看了thedemo.一切似乎都很完美。但是当我试图根据router-link-active确定事件路线时类,我发现根路由始终处于事件状态。这是配置“主要”路由的app.component.ts的一段代码:@Component({selector:'demo-app',template:`HomeAbout`,//addourrouterdirectiveswewillbeusingdirectives:[ROUTER_DIRECTIVES]})@Routes([//theseareourtworout

javascript - 使用 Backbone.js 路由器进行路由而不是使用服务器端代码的原因

我何时以及为什么要使用Backbone.js路由器进行路由而不是通过服务器端代码进行路由?有人可以详细说明一下吗,因为这是我第一次在客户端进行路由。 最佳答案 您提出了错误的二分法。现实情况是,永远可能不会出现您使用Backbone的路由器代替服务器端解决方案的情况。也就是说,使用客户端路由器(不特别是Backbone的路由器)来创建单页应用程序的趋势肯定在增长——例如Ember.js.以下是您的选择:仅服务器端路由这是经典方法,是Rails等框架的重要组成部分。这是一种成熟的策略,可以在您的模型、View和Controller之间