前端面试题/82a2108168b7d9a9910899c0e31eb54d.png”>

它是一个树状结构，每个页面、模块划分非常清晰。安全教育平台登录

什么是页面层级？

同一层子结点，称之为同一个「页面层级」。（例如图中模块A、B、C就是同一层级）

4.2 基于此定义，我们可以提出这样的产品原则：

• 页面跳转(push)或工商银行前进(forward)，只允许相邻页面层级，从左往右跳转。
• 网页里的「返回」按钮(back)，只允许相邻页面层级，从右往左返回。
• 对于同一页面层级的跳转：可以限制，必须先返回某结点的父结点，再进入该结点的兄弟结点。如果确实有快速跳转的诉求，只能用replace实现浏览器推荐。
• 不允许跨模html网页制作块的跳转（如模块A某页面跳模块B某页面）。如果一定需要这种跳转，只能在新标签页打开。
• 不允许跨层级的跳转（如第2层级直接跳转第4层级、或第4层级跳到第2层级）。如果一定需要这种跳转，只能在新标签页打开。

这样，前端工程师页面整体跳转逻辑，是非常清晰的，对于用户而言，也容易理解你的逻辑。

4.3 为浏览器网站删除了怎么恢复什么这样定义产品原则？

产品原则的目标：让浏览器的历史记录栈与网页结构保持一致：

• 用户进入更深的页面层级，浏览器的前端开发历史记录栈就增1。
• 用户返回更浅的页面层级，浏览器的历史记录栈就减1。

而浏览器原生的「返回」浏览器推荐，正是使浏览器的历史记录栈回退1个。这样两种「返回」就归一了。

这件就浏览器历史记录设置解决了「3.2 方案二」中的问题，达到这样的效果：

• 保留用户使用原生「返回」的权利。
• 使网页「返回」按钮具有唯一目的地html文件怎么打开。

但网页「返回」按钮还有个问题必须解决：若浏览器当前历史记录栈为空，或历史记录栈的上个页面并非该网页的页面，点「返回」，应该也能返回它的父页面。

现在我告诉你，这个技术难点，是有解的！

4.4 实现html简单网页代码方案

「返回」按钮，逻辑如下

1. 判断历史记录栈html是什么意思的上个页面，是不是我的父页面。
2. 如果是我的父页面，我就用history.back()，使用浏览器原生返回行为。
3. 如果不是我的父页面，我就用history.replace()，使当前页面替换为我的父页面。（不能用push，否则在父页面返回，回到了子页面，是反直觉前端和后端的）

难点：如何判断历史记录栈的上个页面，是不是我的龚俊父页面。

问题：浏览器基于安全性，不允许你读取历史记录栈。

解决方案

只要父页面跳转到子页面时，携带个「标识」，告知子页面，跳转来源。子页面就知道了。

跳转时的「标识」，刚好可以用history.pushState()中的state来实现。

实现跳转链接（即我上篇文章提到的前端学什么Link Button）

只要是内部跳转，都封装一个统一的组件。该组件允许定义跳转目的地，而且会在state中携带「标识」（如果你的网页有带自定义state的诉求，则还需要在该组件中组装一下参数中的state和「标识」，变成新的state）。

实现返回链接（比如叫BackLinkButton）

获取当前页面的state，如果包含了「标识」，则直接hist工龄越长退休金越多吗ory.ba前端和后端哪个工资高ck()；否则，用history.replaceState（注意replhtml个人网页完整代码ace时不用带「标识」）。

其它问安全教育平台登录题

实际使用中，发现一个问题，我直接举真实案例。

我的五子棋，联机对战模式，页面分为3个层级：首页、对战房间、单机演练。按照如下流程操html代码作：

1. 用户直接输入网址进入第2层级（对战房间），此时没html文件怎么打开「标识」。
2. 用户点「单机演练」，携带「标识」，进入第3层级。
3. 用户点「返回房间」，发现此页面state有「标识」，触发浏览器原生返回，返回第2层级。
4. 用户点「离前端开安全生产法房间」（此页面state浏览器历史上的痕迹在哪里没「标识」，会通过replace进入第1层级）。
5. 用户点「前进」，会直接到第3层级。不符合预期。

为了解决这个情况，我做了兼容处理：

如果当前页面state没「标识」，如果当前浏览器历史记录栈长安全生产法度为1，直接replace是没问题的，不会出现上述问题；但如果当前浏览器历史记录栈长度大于1，我调用replace后，需要连续调用一次push和一次back，目的是清空浏览器「前进」的历史记录栈。

打开网址 game.hullqin.cn/wzq/bgzyyds ，会直接进入第2层级。你可以按上述前端开发需要学什么流程操作下。你不会遇到问题，因为这个问题html标签属性大全已经被解决了，体验好很多。

代码片段参考

这是LinkButton逻辑，其中back参数，true表示是返回按钮，false表示是html网页制作跳转按钮。我的state中「标识」叫做keepSession安全期计算器。

if (back) {
  return (
    <BackLink to={to}>
      {children}
    </BackLink>
  );
}
return (
  <Link to={to} state={{ ...state, keepSession: true }} onClick={handleClick}>
    {children}
  </Link>
);

这是BackL前端开发需要掌握什么技术ink核心逻辑（注：na安全工程师vigate是React Router@6提供的函数）

const handleClick = (event) => {
  if (event.button !== 0) return;
  if (event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return;
  event.preventDefault();
  if (keepSession) {
    navigate(-1);
  } else if (window.history.length === 1) {
    navigate(to, { replace: true });
  } else {
    navigate(to, { replace: true });
    // 通过下面方式刷新浏览器"前进"记录，以免通过"前进"进入不符预期的页面
    navigate(to);
    navigate(-1);
  }
};
return (
  <Link to={to} onClick={handleClick}>
    {children}
  </Link>
);

如果你好奇event工资超过5000怎么扣税.xxxKey、event.preventDefault()那3行代码，请一定要html标签看下这篇文章：[极致用户体验] 你的 L浏览器历史记录设置ink Butt安全教育平台on 能让用户选择新页面打开吗？

5. 写在最后

只要你的页面里，没有「返回」按钮，那啥事都没有

如果你的页面，不追求移动端的极致用户体验，那也没啥事，PC端用户对原生「返回」的依赖没html文件怎么打开那么重，你想剥夺就剥夺吧

而我要做移动端页面，有些情况下，原生「返回」是无法返回上一层级的（例枸杞如安全教育平台登录用户直接从url进入了第2层级，原生返浏览器下载回只能关闭页面，不能返回第1层级），所以我在网页加了「返回」html代码按钮。与此同时，我还没剥夺用户使用原前端和后端的区别生「返回」的权利。总算是html标签完成了令我满意的「返回」

如果你想宫颈癌体验我的游戏，看看「返回」的交互，欢迎打开我这篇文章，开头有游戏地址哦：我做了个《联机桌游合集: UNO+斗地主+五子棋》无需下载，点开即玩！叫html5上朋友，即刻开局！不看广告，不做任务，享受「纯粹」的游戏安全教育平台！