vue中强大的缓存机制之keep-alive 最近在用vue做项目,在切换页面时发现切换回原来的页面无法保存原来的状态. 如A页面需要ajax请求数据,然后切换到B页面做某些事情,再切换回A页面时,A页面又再请求数据,但是作为前端,性能优化时必须要考虑的,并且,vue构建的单页面应用,大多数情况下是不需要重新请求数据的,这时keep-alive就派上用场了. 第一部分:vue中内置的组件 在vue中,为了方便开发者更好的使用vue,减少不必要的代码量,作者内置了一些组件,主要有: compone…

vue中input输入第一个字符时,光标会消失,需要再次点击才能输入 在这里我犯了一个小错误,v-if语法比较倾向于一次性操作,当input获取焦点时,v-if判断为true,立即刷新数据,进行渲染,并且立即重置input 的初始状态,导致光标消失,需要再次点击才能继续输入 v-show适合对数据的多次操作,所以把v-if换成v-show,一切问题迎刃而解…

http://www.myexception.cn/database/1651797.html 在Spring中基于JDBC进行数据访问时如何控制超时 超时分类 超时根据作用域可做如下层级划分: Transaction Timeout > Statement Timeout > JDBC Driver Socket Timeout Transaction Timeout指一组SQL操作执行时应在设定的时间内完成(提交或回滚),否则将引发超时.它的值应大于 N(语句数) * Statement…

路由中: 页面中: 需要缓存的组件中: 因为是keep-alive  所以在初始化页面的时候 会走一次生命周期 当二次进入的时候就已经是缓存状态了 不会在走生命周期 于是它就有了自己的周期函数分别是 1.组件激活时调用--activated    2.组件销毁时调用--deactivated    (这两个钩子在服务器渲染期间不会被调用!!!!!!!!!!!) 以上已经完成了需求 缓存数据和位置 以下是keep-alive的属性一些使用 还可以直接用于组件上 官网中的实例就是用于组件的 具体看例…

在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: <script type="text/javascript"> new Vue({ el:'#app', data:{data:""}, created:function(){ var url="json.jsp"; var _self=this; $.get(url,function(data){ _se…

vue中的对象和数组的元素直接赋值修改时,是不能响应到view中去的 1.对象更新 this.a={title:'列表1’}; this.a.title='列表2’; <h1>{{a.title}}</h1> 虽然,a的数据已经被修改成功,但是页面并不能动态更新 需要使用,以下这种方式去更新 this.$set(a,'title','列表2'); //或者 Vue.set(a,'title','列表2'); 2.数组更新 同理: ,,,]; tihs.arr[]=; <spa…

Redis数据库采用极简的设计思想,最新版的源码包还不到2Mb.其在使用上也有别于一般的数据库. node_redis redis驱动程序多使用 node_redis 此模块可搭载官方的 hiredis C 语言库 - 同样是非阻塞的,比使用JavaScript内置的解释器性能稍好.可选择将hiredis 与 redis 一同安装. npm install hiredis redis 如果 hiredis 安装成功, node_redis 会默认使用 hiredis, 否则会使用JavaScri…

知识点:在java项目中,使用ehcache缓存数据 参考博客:http://www.cnblogs.com/jingmoxukong/p/5975994.html ()概述 Ehcache是一个纯Java的进程内缓存框架,具有快速‘精干等特点. 本文基于2.10.X以上版本 (2)在pom.xml添加相关包依赖 <!-- ehcache缓存包--> <dependency> <groupId>net.sf.ehcache</groupId> <art…

在学完Vue.js框架,完成了一个SPA项目后,一直想抽时间找本讲解Vue.js内部实现原理的书来看看,经过多方打听之后,我最后选择了<深入浅出Vue.js>这本书.然而惭愧的是,这本书已经买了将近一个多月了吧,自己中间却因为一些杂七杂八的事情,一直没有静下心来好好看书.今天,终于翻开了这本书,阅读了前三章的内容,目前感觉这本书写得还不错.因为经常看到关于Vue.js中双向数据绑定的问题,自己也在网上浏览过一些博客,然而基本上都是千篇一律而又不知所云,很多都是直接上来就是代码,说实话刚开始很多…

今天做了一个小功能:点击鼠标实时更新系统时间,采用ajax,过程很顺利,没遇到啥差错,谷歌,火狐,欧鹏一律通过,怀着忐忑的心情点开了IE8,果然,IE要对得起前端杀手的称号:更新不了时间. 查了一下这才发现IE一直存在这个问题,内部原因是:当第一次请求数据时能顺利返回,第二次以后IE会默认使用上次的缓存数据,这就造成了每次发送请求后返回的数据没有更新的原因. 解决方法: 1.最直接有效的就是在请求页后面加上随机函数,随机函数可以是Math.random(),也可以是new Date().getT…