注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. A页面去往B页面，返回时不刷新页面，减少http请求

  2. HTTP请求从建立到关闭一共经过以下步骤，这些步骤都是需要花费时间的，在网络情况差的情况下，花费的时间更长。如果页面的资源非常碎片化，每个HTTP请求只带回来几K甚至不到1K的数据（比如各种小图标）那性能是非常浪费的，减少http请求，提高用户提高用户才为更佳

  3. 所属分类：互联网

    • 发布日期：2020-05-27
    • 文件大小：24576
    • 提供者：zkuni22

  1. ant-design-vue-pro-master.zip

  2. ant-design-vue-pro-master之前版本的源码，该版本支持多页签，实现页面页签显示，返回不刷新。新版本代码改动较大，此版本慎用，可参考多页签的实现方式；

  3. 所属分类：Web开发

    • 发布日期：2020-08-20
    • 文件大小：531456
    • 提供者：sunshu123456

  1. vue实现前进刷新后退不刷新效果

  2. 主要介绍了vue实现前进刷新，后退不刷新效果,即加载过的界面能缓存起来（返回不用重新加载），关闭的界面能被销毁掉（再进入时重新加载）。本文给大家分享实现思路，需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-08-28
    • 文件大小：49152
    • 提供者：weixin_38734492

  1. 解决vue单页使用keep-alive页面返回不刷新的问题

  2. 下面小编就为大家分享一篇解决vue单页使用keep-alive页面返回不刷新的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-08-27
    • 文件大小：50176
    • 提供者：weixin_38599537

  1. vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置

  2. 主要介绍了vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置，本文通过实例代码效果图展示给大家介绍的非常详细,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-15
    • 文件大小：44032
    • 提供者：weixin_38524246

  1. vue项目使用$router.go(-1)返回时刷新原来的界面操作

  2. 在项目需求中，我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，之前的界面，保持着上次跳转的状态，比如说：弹框未关闭之类的等等，。。。。。 问题如下： 界面1 ： 界面2使用$router.go(-1)返回上一次的界面 由于使用$router.go(-1)返回，导致之前的数据都保留，并未刷新原来的界面，如下：还是显示跳转前的弹框 解决方法1： 不要使用$router.go(-1)，而是使用$router.push(‘某某某’),但是其实这种方法是不合理的，因为你可能跳

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：110592
    • 提供者：weixin_38748382

  1. vue数据更新UI不刷新显示的解决办法

  2. vue比较常见的坑就是数据（后台返回）更新了，但是UI界面并没有更新，常见于以下情况： 一、数据为数组时 1.通过数组索引修改数组元素例如： 此时UI数据并不会刷新 2.修改数组长度时： 解决方案： 如果data为JSON数组则如下： 第一个参数为要更新数据的数组，第二个参数为要更新的数组中具体的元素下标，第三个参数为新数据 备注: 数组原型上的方法vue可直接检测到变化：push(),pop(),shift(),unshift(),splice(),sort() 二、数据为对象时: V

  3. 所属分类：其它

    • 发布日期：2020-11-19
    • 文件大小：189440
    • 提供者：weixin_38674763

  1. vue 导航菜单刷新状态不消失,显示对应的路由界面操作

  2. 使用vue element-ui框架构建公共导航栏（https://element.eleme.cn/#/zh-CN/component/menu） 按F5刷新就会返回默认定义的路由，使用 “$route.path” 刷新后还是在最新的一个路由： 补充知识：vue 动态菜单 刷新空白 解决方案 1.先确认自己在route.js 或者 main.js 中有没有使用 路由守卫vue.beforeEach和vue.addRouters() 促使页面每次刷新，重新根据后台返回数据生成动态路由，

  3. 所属分类：其它

    • 发布日期：2020-11-19
    • 文件大小：101376
    • 提供者：weixin_38629042

  1. Vue中keep-alive 实现后退不刷新并保持滚动位置

  2. 什么是KeepAlive？ 首先，我们要明确我们谈的是TCP的 KeepAlive 还是HTTP的 Keep-Alive。TCP的KeepAlive和HTTP的Keep-Alive是完全不同的概念，不能混为一谈。实际上HTTP的KeepAlive写法是Keep-Alive，跟TCP的KeepAlive写法上也有不同。 TCP的keepalive是侧重在保持客户端和服务端的连接，一方会不定期发送心跳包给另一方，当一方端掉的时候，没有断掉的定时发送几次心跳包，如果间隔发送几次，对方都返回的是RS

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：69632
    • 提供者：weixin_38616330

  1. 解决vue页面刷新或者后退参数丢失的问题

  2. 在toB的项目中，会经常遇到列表数据筛选查询的情景，当要打开某一项的详情页或者暂时离开列表页，再返回（后退时），选择的筛选条件会全部丢失，辛辛苦苦选择好的条件全没了，还得重新选择，如果有分页的更头大，还得重新一页页翻到之前看到的那一页，用户体验极度不友好。 我的解决有两种： 第一种方法：用vue 的，即在外套一层。 虽然可以达到一定效果，但是控制起来比较麻烦，比如项目中并不是所有页面都需要缓存，代码写起来复杂 第二种方法：直接用localStorage，简单粗暴（推荐） 代码如下： list.v

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：45056
    • 提供者：weixin_38747144

  1. 基于Vue实现tab栏切换内容不断实时刷新数据功能

  2. 先说一下产品需求，就是有几个tab栏，每个tab栏对应的ajax请求不一样，内容区域一样，内容为实时刷新数据，每3s需要重新请求，返回的数据在内容区域展示，每点击一次tab栏需停止其他tab栏ajax请求，防止阻塞，首次加载页面的时候又不能5个ajax同时请求，只需要请求第一个就好 也没有必要建立5个区域，控制显示隐藏，浪费性能，业务代码就不贴了，把大概原理的代码贴上来 先是用jq实现了一版 <meta name="viewport" content="widt

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：47104
    • 提供者：weixin_38715048

  1. vue路由中前进后退的一些事儿

  2. 前言 最近蒸煮在做一个独立项目的时候遇到了一个小坑，特此做个爬坑纪念。 基本情景是页面之间通过vue路由跳转，从页面A跳转到页面B（在页面B进行对应操作后）,再从页面B跳转到页面C。之后再从页面C返回到页面B，页面B保留之前状态，返回页面A，页面B状态不保留。(｡･∀･)ﾉﾞ嗨~感觉说的好乱。 总之就是，前进刷新，后退不刷新（刷新是指是否重新渲染） 相信很多小伙伴都会想到用keep-alive开启缓存页面来实现，鹅，蒸煮也没例外，下面就是蒸煮的爬坑过程。 vue路由开启keep-alive缓存页

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：66560
    • 提供者：weixin_38742532

  1. vue服务端渲染缓存应用详解

  2. 服务端渲染简介 服务端渲染不是一个新的技术；在 Web 最初的时候，页面就是通过服务端渲染来返回的，用 PHP 来说，通常是使用 Smarty 等模板写模板文件，然后 PHP 服务端框架将数据和模板渲染为页面返回，这样的服务端渲染有个缺点就是一旦要查看新的页面，就需要请求服务端，刷新页面。 但如今的前端，为了追求一些体验上的优化，通常整个渲染在浏览器端使用 JS 来完成，配合 history.pushState 等方式来做单页应用（SPA: Single-Page Application），也收

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：60416
    • 提供者：weixin_38625351

  1. vue中beforeRouteLeave实现页面回退不刷新的示例代码

  2. 路由切换返回前一个路由时实现页面不刷新功能，首先想到的是keep-alive，但是页面不属于父子级关系，所以决定用beforeRouteLeave，下面贴代码 beforeRouteLeave(to, from, next){ if(to.name !== 'page2'){ //判断是从哪个路由过来的，如果不是page2过来的需要做什么操作在这里实现 //如果是page2过来的，表明当前页面不需要刷新获取新数据，直接用之前缓存的数据即可 } next(); }

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：95232
    • 提供者：weixin_38599545

  1. vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置

  2. 需求: 商品列表页面浏览,进入商品详情,点击返回仍然是之前浏览的位置 实现: 使用 vue 的 keep-alive 的 include 属性给组件做动态缓存,从详情页返回不变,从其他页面进入列表页则刷新 加需要缓存的列表页面定义一个数据集在 vuex state:{ pageListArr:[] } 列表页的 name 为 proList ,详情页的 name 为 proDetail ,只有 PageListArr 包含的字段才会被缓存,如 pageListArr.push(proLi

  3. 所属分类：其它

    • 发布日期：2020-12-30
    • 文件大小：114688
    • 提供者：weixin_38640830

  1. Vue 实现前进刷新后退不刷新的效果

  2. 需求一: 在一个列表页中，第一次进入的时候，请求获取数据。 点击某个列表项，跳到详情页，再从详情页后退回到列表页时，不刷新。 也就是说从其他页面进到列表页，需要刷新获取数据，从详情页返回到列表页时不要刷新。 解决方案在 app.vue 设置: 假设列表页为 list.vue ,详情页为 detail.vue ,这两个都是子组件。 我们在 keep-alive 添加列表页的名字，缓存列表页。 然后在列表页的 created 函数里添加ajax请求，这样只有第一次进入到列表页的时候才

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：33792
    • 提供者：weixin_38686231

  1. 解决vue单页使用keep-alive页面返回不刷新的问题

  2. 使用vue单页开发项目时遇到一个很恶心的问题：在列表页点击一条数据进入详情页，按返回键返回列表页时页面刷新了，用户体验非常差啊！！！查阅了一下相关问题，使用解决这个问题，下面是我的使用心得。 是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 首先在App.vue页面上有下面一段代码，我们都知道这是页面渲染的地方 把这段代码改成如下： </route

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：48128
    • 提供者：weixin_38688745

  1. 解决vue单页面 回退页面 keeplive 缓存问题

  2. 场景：项目中遇到 vue 点击回退 从A页跳到B页，缓存A页，当B页状态修改再次返回A时，A页查询条件缓存不刷新，列表刷新 A页： B页： 解决方法： 利用keep-alive 缓存需要缓存的页面 1.在app.vue中改写router-view <ro

  3. 所属分类：其它

    • 发布日期：2020-12-28
    • 文件大小：84992
    • 提供者：weixin_38692969

  1. vue返回上一页面时回到原先滚动的位置的方法

  2. 项目结束，测试时发现在首页商品列表中，向上滑动几页后点击进入详情，从详情页面返回商品列表时，页面回到了最顶部，测试不通过说是用户体验不好，要求从哪里点击进去返回该页面时回到原先的滚动页面。 思路：因为vue是单页面应用，进入其他页面时会销毁该页面，用keep-alive不让其刷新，具体实现为： (1).在App.vue中加入： </ro

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：30720
    • 提供者：weixin_38530536

  1. vue实现前进刷新后退不刷新效果

  2. 最近在用vue尝试着做移动端的项目。希望实现前进刷新、后退不刷新的效果。即加载过的界面能缓存起来（返回不用重新加载），关闭的界面能被销毁掉（再进入时重新加载）。例如对a->b->c 前进（b,c）刷新，c->b->a 后退（b,a）不刷新。 由于 keep-alive 会把所有加载的过的界面都缓存起来，没法实现返回时将界面销毁掉，导致再进入时没有重新加载这个界面。于是首先想到的方案是在点击界面上返回按钮的时候，调用 this.$destroy(true) 来将界面销毁掉。

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：48128
    • 提供者：weixin_38639615
« 12 »