keep-alive

keep-alive keep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在v页面渲染完毕后不会被渲染成一个DOM元素 <keep-alive> <loading></loading> </keep-laive> keep-alive生命周期钩子函数：activated、deactivated 当组件在keep-alive内被切换时组件的activated、deactivated这两个生命周期钩子函数会被执行 使用 <keep-alive> 会将数据保留在内存中，如果要在每次进入页面的时候获取最新的数据，需要在 activated 阶段获取数据，承担原来created钩子中获取数据的任务。 activated() { this.onQueryClick(1);//获取最新数据 } prop: include: 字符串或正则表达式。只有匹配的组件会被缓存。 exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。 1.利用include、exclude属性 <keep-alive include="bookLists,bookLists"> <router-view></router-view> </keep-alive> <keep-alive exclude="indexLists"> <router-view><

<keep-alive> 是 Vue 的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 1. 使用 router.meta 属性，预先定义需要缓存的组件 <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view>> </keep-alive> <router-view v-if="!$route.meta.keepAlive"></router-view> 路由部分： routes: [ { path: '/test1', component: test1, meta: { keepAlive: true } // 需要缓存 }, { path: '/test2', component: test2, meta: { keepAlive: false} // 不需要缓存 }, test1 组件会被缓存，而 test2 组件不会被缓存。 2. 动态缓存 router-view 里面的部分组件页面 如果只想 router-view 里面某个、或某些页面组件被缓存，通常有如下两种办法： 使用 include/exclude 来实现 配合 router.meta 属性来实现 1）. 使用 include/exclude 来实现，每个组件中需要加 name 来匹配 include

一，需求 文件服务器使用HTTP协议对外提供服务。用户通过浏览器访问文件服务器，首先对URL进行检查，若失败返回403错误；若通过校验，以链接的方式打开当前目录，每个目录或文件都以超链接的形式展现，可递归访问，并下载文件。 二，关键实现代码 ①文件服务器启动类 需要添加的通道处理器如下： @Override protected void initChannel(SocketChannel ch) throws Exception { ch.pipeline().addLast("http-decoder", new HttpRequestDecoder()); ch.pipeline().addLast("http-aggregator", new HttpObjectAggregator(65536)); ch.pipeline().addLast("http-encoder", new HttpResponseEncoder()); ch.pipeline().addLast("http-chunked", new ChunkedWriteHandler()); ch.pipeline().addLast("fileServerHandler", new HttpFileServerHandler(url)); } 1) HttpRequestDecoder Decodes {