用到这个的业务场景是这样的： a页面点击新建列表按钮进入到新建的页面b，填写b页面并点击b页面确认添加按钮，把这些数据带到a页面，填充到列表（数组），可以添加多条， 点击这条的时候进入到编辑页面，确认修改之后，回退到a页面，a页面需要更新这条数据 实现这个功能的时候，由于是路由页面之间的跳转，首先想到的方案有几个：1. 用sessionStorage本地存储；2. 用路由参数带过去；3. 用兄弟组件传值 由于是添加完之后如果按回退...
1.安装good-storage插件 cnpm i good-storage --save2.读/写的方法 common/js/cache.js: import storage from good-storageconst SEARCH_KEY = __search__ const SEARCH_MAX_LENGTH = 15// compare:findindex传入的是function,所以不能直接传val function insertArray(arr, val, compare, maxLen) {const index = arr.findIndex(compare)if (index === 0) {return}if (index > 0) {arr.splice(index, 1)}arr.unshift(val) // 插入到...
vue开发的时候，我们经常会有这样的需求：开发一个详细页面来展示商品的详细信息，根据列表页传入的id进行请求，拿到对应的数据进行渲染。 但是一般在路由上都会加上keep-alive保持数据的状态，除非强制无缓存刷新，这就导致第一次进入详情页面时，可以在created中拿到id，但是返回后，再点击进入，就不会再走相应的生命周期了，无法拿到新的id 这时候可以使用vue的$destroy()方法 这是vue的一个生命周期，完全销毁一个实例。清理它...
vue关于列表页和详情页的展现比较让人头疼，在列表页面点击进详情页返回以后，列表页会重新刷新。假如在第五页找到的数据，点击修改后返回又跳回第一页了，这个时候就需要用到keep-alive缓存页面数据，但keep-alive缓存的页面一直不会发生改变，特别是列表页层级很多的情况下，更加复杂。 譬如我后台的一个管理页面，因为数据关联很复杂，所以做了三层列表页嵌套，上一层点击管理就可以进行下一层的数据展现，每一层列表页都包含了...
提出问题 最近在做项目发现一个问题，当我使用了 keep-alive 标签后，进入了某个路由进行一系列操作，再点击浏览器后退，再次进入刚才的路由，页面被操作的数据没有初始化！ 分析问题 这是因为 keep-alive 将路由页面缓存，所以该路由没有完成整个生命周期，没有 destroyed，因此重新进入也没有触发其他生命周期钩子，如 created 等。 解决问题 （1）. 查看官方文档 当组件在 keep-alive 内被切换，它的 activated 和 deactivated ...
什么是服务器端渲染(SSR)？Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。 服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用"，因为应用程序的大部分代码都可以在服务器和客户端上运行。 缓存 虽然 Vue 的服务器端渲...
1.wx.clearStorage接口函数，这个函数不需要参数，可以清理本地的所有缓存。 清除前：清除后：2.wx.clearStorageSync接口函数，这个函数用于同步清理本地数据缓存，该接口同样也没有参数。 清除前：清除后：3.wx.removeStorage接口函数：这个接口函数用于从本地缓存中异步删除指定key对应内容 清除前：清除后：4.wx.removeStorageSync接口函数：这个函数用于从本地缓存中同步删除指定key对应的内容 清除前：清除后：以上就是本文的...
这次给大家带来使用缓存调用链实现JS方法重载步骤详解，使用缓存调用链实现JS方法重载的注意事项有哪些，下面就是实战案例，一起来看一下。1.什么是方法重载方法重载是指在一个类中定义多个同名的方法，但要求每个方法具有不同的参数的类型或参数的个数。简而言之就是：方法重载就是方法名称重复，加载参数不同。具体看请左转： 方法重载/百度百科那么js如何实现这个呢？？？2. js如何实现？首先javascript是没有重载函数/方法这个...
本文为大家详细介绍下js中自动清除ie缓存的几种方法，大家可以根据自己的需求自由选择适合自己的，希望对大家学习js有所帮助js中自动清除ie缓存方法 — 常用 对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止浏览器缓存数据了. 但是对于静态文件(css,jpg,gif等等), 在什么场合下面我们需要禁止浏览器缓存他们,怎么做? 方法一：Dojo中我们可以用简单的方法完成：在dojo.xhrGet(包括pos...
这次给大家带来调用缓存实现JS方法步骤详解，调用缓存实现JS方法的注意事项有哪些，下面就是实战案例，一起来看一下。1.什么是方法重载方法重载是指在一个类中定义多个同名的方法，但要求每个方法具有不同的参数的类型或参数的个数。简而言之就是：方法重载就是方法名称重复，加载参数不同。具体看请左转： 方法重载/百度百科那么js如何实现这个呢？？？2. js如何实现？首先javascript是没有重载函数/方法这个概念的，但是js提供了...
如果能用字面量创建正则就最好不过，显然有时我们不得不使用new RegExp()这种大消耗的创建方法，比如语法高亮与排版就大量用到正则表达式，要用到的patten越多，需要的时间就越长，火狐好像是12秒就发出警告，IE就直接假死。这时我们就需要利用组存大法要提高我们程序的性能了。通常摆在我们眼前的如下两种选择来作为我们的容器，数组或对象。我这里选择前者，前者更轻量一点。下面我们就hasClass函数作性能改进。 原来的写法： 代...
用一句代码即可搞定： 代码如下: document.execCommand("BackgroundImageCache", false, true); 当然为了其它浏览器上能正常通过，需要做下判断后调用，才更安全： 代码如下: if(Browser.isIE6){ try{ document.execCommand("BackgroundImageCache", false, true); } catch(e1){} } 平台检测代码可以这样写，摘自Ext源码： 代码如下: var Browser = {}; try{ (function(){ var idSeed = 0, ua = navigator.userAgent.toLowerC...
在前端浏览器中，有些数据（比如数据字典中的数据），可以在第一次请求的时候全部拿过来保存在js对象中，以后需要的时候就不用每次都去请求服务器了。对于那些大量使用数据字典来填充下拉框的页面，这种方法可以极大地减少对服务器的访问。这种方法特别适用于使用iframe的框架。本文主要和大家详细介绍了JS实现前端缓存的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。具体实现思路和方法：创建一个...
这篇文章主要为大家详细介绍了JS实现前端缓存的方法，具有一定的参考和学习js的价值，对js感兴趣的小伙伴们可以参考一下本篇文章。在前端浏览器中，有些数据（比如数据字典中的数据），可以在第一次请求的时候全部拿过来保存在js对象中，以后需要的时候就不用每次都去请求服务器了。对于那些大量使用数据字典来填充下拉框的页面，这种方法可以极大地减少对服务器的访问。这种方法特别适用于使用iframe的框架。具体实现思路和方法：...
今天是发现bug的高产期。 IE在解析innerHTML的时候居然会忽略Cache策略，简单的重复加载图片。请看以下代码： 保存到本地作为一个htm文件，然后用IE打开（允许脚本运行），然后用http监视工具可以看到，IE发起了100个请求，一个都不cache！ 在FireFox下面就没有问题，只发起一个请求。 代码如下:用这段代码可以解决这个问题 ">