草庐IT

前端路由

全部标签

腾讯最热门的 10 款前端开源项目

作为国内知名的互联网公司,腾讯在前端领域做出了很多开源贡献。本文就来盘点腾讯最热门的10款前端开源项目!wujie无界微前端是一款基于WebComponents+iframe微前端框架,具备成本低、速度快、原生隔离、功能强等一系列优点。其能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、应用共享等。Github(star:2.3k):https://github.com/Tencent/wujieTDesignTDesign是一套完整的企业级设计体系,拥有基于Vue/React/小程序等技术栈的组件库解决方案。用于构建设计统一/跨端多技

javascript - 如何在 Angular 7 中输入路由数据(在生产中)?

import{environment}from'@env/environment';exportconstroutes:Routes=[{path:'',children:[{path:'organisations',component:OrganisationListComponent,data:{[environment.router.data.resourceName]:'ORGANISATION'//这是我的路由模块文件之一的一部分。如您所见,我希望路由数据具有我在环境文件中定义的名称的属性。但这在使用--aot标志编译时不起作用。这是错误:ERRORinErrorduring

javascript - 插入前端库(例如 Analytics): why not a simple <script> tag?

为了插入GA代码(以及几乎所有其他JS库),代码片段是:(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*newDate();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.g

javascript - Angular UI 路由器 : Multiple URLs to single state

我已经开始使用angular的ui-router,我正在尝试弄清楚如何让多个URLS指向一个状态。例如:/orgs/12354/overview//retyrnsthesamepagesas/org/overview我的$state提供程序当前设置为类似这样的设置,我不清楚如何插入别名“/org/overview”路由,以便它正确地从“org”父级继承。.state('org',{abstract:true,url:'/orgs/:orgID',templateUrl:'/client/navigation/main.html'}).state('org.overview',{url:

javascript - Angular UI 路由器 : decide child state template on the basis of parent resolved object

这是我的app.js文件-我有一个母国和两个子国。两个subview都需要该对象。states.push({name:'parentstate',url:'/parent/:objId',abstract:true,templateUrl:'views/parentview.html',controller:function(){},resolve:{obj:function(OBJ,$stateParams){returnOBJ.get($stateParams.objId);}}});我想使用这个已解析的对象来决定子模板states.push({name:'parentstate.

javascript - Vue-Router 抽象父路由

我正在尝试将我当前的站点迁移到vuejs。站点地图必须是:/login/signup/password-reset/browse/search...dozensofotherroutes由于其中一些路由共享很多fx,我将它们设为父路由的子路由:[{//publicroutespath:'/',component:Auth,children:[{path:'/login',component:Login},{path:'/signup',component:Signup},{path:'/password-reset',component:PasswordReset},]},{//rou

javascript - 在 meteor (使用 meteor 路由器)中处理闪光通知的好方法是什么?

我正在使用meteor连同meteor-router用于客户端和服务器端路由。我想知道处理站点通知的好方法是什么,特别是“Flash”类型的通知。在全局layout.html中,如果设置了“消息”session变量,我可以让Handlebars输出一条消息,但是一旦应用程序被路由到带有Meteor的新url,消息就不会一直存在。Router.to().有什么好的解决方案可以解决“闪现”通知问题?或者,如何在路由到新URL后自动清除session变量。layout.html:MeteorApp{{>global-layout}}{{#ifmessage}}{{message}}{{/if

javascript - 类似 url 的 AngularJS 正则表达式路由以加载不同的 Controller 和 View

我有一个类似的路由,它应该根据参数是否为数字来加载不同的View和Controller。示例:/artists/2应该ArtistsIndexController有一个View/www/artists/index.html/artists/name应该ArtistsProfileController有一个View/www/artists/profile.html理想情况下我会使用类似的东西:$routeProvider.when("/artists/:page",{templateUrl:"/www/artists/index.html",controller:"ArtistsInde

Vue.JS 用于微前端方法

我们的团队正在开发一个大型项目,我们希望构建一个具有多种表单、仪表板和功能的大型应用。一个单体SPA会变得复杂。因此,我们讨论了“微前端”架构的方法。目标是生成包含多个子SPA的父SPA。所有SPA都应使用相同的框架:vueJS。背后的想法:MicroFrontends网络应用是独立团队拥有的功能的组合一个团队有一个独特的业务领域该团队是跨职能团队,开发从数据库到用户界面的端到端功能它就像一个独立的系统我们发现了一些支持这一点的实现:MicroFrontendsSingle-SPA的CanopyTax我们想在前端使用VueJS(vue、vue-router、vue-resource、v

javascript - Durandal 中的多级路由

我正在查看Durandal示例,试图了解路由的工作原理。shell.js指定了这些路由:{route:['','knockout-samples*details'],moduleId:'ko/index',title:'Details...',nav:true,hash:'#knockout-samples'},{route:'view-composition',moduleId:'viewComposition/index',title:...在knockout-samples下:{route:'',moduleId:'helloWorld/index',title:'HelloWo