最近处理了一个标签页与父子页面联动的问题,在开发一个后台管理项目时,前端框架是在另一个项目的基础上改进使用的,原有项目的业务整体比较简单,通过不同导航页进入不同的标签页后,查询显示结果即可。而在新项目中,还需要处理另一种业务情况:从父页面进入子页面时的标签页处理,例如查询列表页跳转进详情页/编辑页。此时才发现这个框架的坑,而偏偏还已经开发了一段时间,换框架是没得可能只能硬着头皮改造。

这里的主要问题是:标签页是与路由绑定的,在进入子页面时是需要打开新的标签页?子页面的返回行为又该如何处理。在各种讨论妥协后,最终选择方案就是:子页面打开时新建标签页且相同组件只能创建一个,父页面关闭时连带着子页面一起关闭。

Ant Design of Angular 快速上手系列

一句话概括那就是:这是一份后端开发所写的前端学习内容~,面向于快速上手这种哒。

:doodle { @grid: 1x5 / 100vmin; } @place-cell: center; width: @rand(45vmin, 75vmin); height: @rand(45vmin, 75vmin); transform: translate(@rand(-120%, 120%), @rand(-80%, 80%)) scale(@rand(.8, 2.8)) skew(@rand(45deg)); clip-path: polygon( @r(0, 30%) @r(0, 50%), @r(30%, 60%) @r(0%, 30%), @r(60%, 100%) @r(0%, 50%), @r(60%, 100%) @r(50%, 100%), @r(30%, 60%) @r(60%, 100%), @r(0, 30%) @r(60%, 100%) ); background: @pick(#f44336, #9c27b0, #673ab7, #3f51b5, #60569e, #e6437d, #ebbf4d, #00bcd4, #03a9f4, #2196f3, #009688, #5ee463, #f8e645, #ffc107, #ff5722, #43f8bf, #e136eb, #32ed39); opacity: @rand(.5, .9); position: relative; top: @rand(-80%, 80%); left: @rand(0%, 80%); animation: colorChange @rand(6.1s, 26.1s) infinite @rand(-.5s, -2.5s) linear alternate; @keyframes colorChange { 100% { left: 0; top: 0; filter: hue-rotate(360deg); } }