问题：在用户退出登陆后，点击左上角的返回键，用户会回到原来的页面，但此时已经没有登陆状态了，继续操作会出现问题，如何解决？

解决方案：

直接清空本地缓存，让用户无可回退
window.localStorage.clear();

网友还有其他解决方案，如监听回退按钮，禁止其使用等

上一个文章记录了 如何解决使用Hbuilderx打包Vue项目为安卓APP点击物理返回键直接退出应用问题，这篇文章记录一下让某个页面禁用物理返回按钮的问题
问题描述
上次解决了返回按钮，但是在登录成功之后还是可以返回到登录界面，这明显不合适，只能让用户点退出登录才可以返回到登录页面。即物理按钮禁用，但是不影响页面内的回退跳转。
解决思路
使用history.pushState()方法向当前浏览器会话的历史堆栈中添加一个状态（state）
描述：从某种程度来说, 调用 pushState() 和 window.location = "#foo"基本上一样, 他们都会在当前的document中创建和激活一个新的历史记录。但是 pushState() 有以下优势：

新的URL可以是任何和当前URL同源的URL。但是设置 window.location 只会在你只设置锚的时候才会使当前的URL。
非强制修改URL。相反，设置 window.location = “#foo”; 仅仅会在锚的值不是#foo情况下创建一条新的历史记录。
可以在新的历史记录中关联任何数据。window.location = "#foo"形式的操作，你只可以将所需数据写入锚的字符串中。

注意： pushState() 不会造成 hashchange (en-US) 事件调用, 即使新的URL和之前的URL只是锚的数据不同。
操作
在需要添加禁用返回按钮的界面的mounted()中添加如下代码：
history.pushState(null, null, document.URL);
	  window.addEventListener('popstate', function () {
		history.pushState(null, null, document.URL);
	  });


此时如果把这个代码添加到登录后的界面，返回按钮就会失效。

问题说明：

在使用vue开发的过程中难免会遇到这种问题：

1、当我们需要前往另一个页面去做其他操作后，返回上一个页面，上一个页面的状态会被刷新，我们需要让上一个页面的状态保留。

2、当我们返回上一页的时候如何把参数传回上一页。

解决思路：

1、使用keep-alive :include="caches"来实现页面状态的保留，通过动态修改caches来达到局部页面缓存，include会缓存包含的页面。所以你可以将需要缓存的几个页面放在caches中，当退出这几个页面的时候再取消缓存。

2、通过localstorage来达到传参给上一页的目的，在进入页面的时候查询缓存参数是否存在，存在的话，取得参数后清除掉缓存，在进入下个页面的时候再设置好缓存参数。

实现方法：

1,、局部页面缓存，保存页面状态：

<template>
    <div id="app">
        <keep-alive :include="caches">
            <router-view style="height: 100%; min-height:100%;"/>
        </keep-alive>
    </div>
</template>

<script>
export default {
    name: "Layout",
    computed: {
        caches(){
            if(this.$route.path=="/buyOrder" || this.$route.path=="/couponCenter" || this.$route.path=="/addressManage"){
                return "buyOrder";
            }else{
                return "";
            }
        }
    }
};
</script>
<style>

</style>

如代码中的那样，当当前路由为设定的那三个时，缓存buyOrder页面，否则就取消掉缓存。

 

2、返回上一页传参：

// buyOrder.vue

    // 在该页面没有被销毁的情况下每一次进入该页面都会调用
    activated() {
        this.initPageData();

        let couponInfo = localStorage.getItem('backCoupon');
        if(couponInfo){
            this.couponInfo = JSON.parse(couponInfo);
            localStorage.setItem('backCoupon', '');
        }
    },


// couponCenter.vue
    goBack(){
        let couponInfo = {
            id: item.id,
            money: item.money
        }
        localStorage.setItem('backCoupon',JSON.stringify(couponInfo));

        this.$router.go(-1);
    }

说明：activated是一个生命周期函数，他的生命周期是在页面存在的时候，每一次进入该页面都会执行该函数，当在下一页执行this.$router.go(-1);返回时就会执行。

Z(zombie)-僵尸进程
1.僵尸进程概念：

僵尸进程指的是处于僵尸状态的进程。

僵尸状态（Zombies）是一个比较特殊的状态。当子进程退出并且父进程没有读取到子进程退出的返回代码时就会产生僵尸进程。僵尸进程会以终止状态保持在进程表中，并且会一直在等待父进程读取退出状态代码。

2.僵尸进程危害：

会造成资源泄漏！！

3.如何解决：

父进程通过进程等待的方式，回收子进程资源，获取子进程退出信息
孤儿进程
1.孤儿进程概念：

父进程先于子进程退出，子进程就称之为“孤儿进程”

2.孤儿进程特性：

让出终端，进入系统后台运行，并且父进程成为1号进程。
守护系统(Daemon)
守护进程是脱离于终端并且在后台运行的进程。守护进程脱离于终端是为了避免进程在执行过程中的信息在任何终端上显示并且进程也不会被任何终端所产生的终端信息所打断。也就是通常说的精灵进程，是Linux中的后台服务进程。它是一个生存期较长的进程，通常独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程常常在系统引导装入时启动，在系统关闭时终止。Linux系统有很多守护进程，大多数服务都是通过守护进程实现的。