CSS :has() 伪类它来了!开发人员终于能在不依靠 JavaScript 的情况下定位父元素了!
最近处理了一个标签页与父子页面联动的问题,在开发一个后台管理项目时,前端框架是在另一个项目的基础上改进使用的,原有项目的业务整体比较简单,通过不同导航页进入不同的标签页后,查询显示结果即可。而在新项目中,还需要处理另一种业务情况:从父页面进入子页面时的标签页处理,例如查询列表页跳转进详情页/编辑页。此时才发现这个框架的坑,而偏偏还已经开发了一段时间,换框架是没得可能只能硬着头皮改造。
这里的主要问题是:标签页是与路由绑定的,在进入子页面时是需要打开新的标签页?子页面的返回行为又该如何处理。在各种讨论妥协后,最终选择方案就是:子页面打开时新建标签页且相同组件只能创建一个,父页面关闭时连带着子页面一起关闭。
ES6 快速入门,从三个角度展开:Const, 箭头函数, 解构赋值。