参考: https://blog.csdn.net/aliven1/article/details/80743470          https://blog.csdn.net/liang377122210/article/details/78880438          https://blog.csdn.net/goodaxuan/article/details/82113123 main.js文件中: var store = new Vuex.Store({ state: { user

一.原因 js代码是运行在内存中的,代码运行时的所有变量.函数也都是保存在内存中的. 刷新页面,以前申请的内存被释放,重新加载脚本代码,变量重新赋值,所以这些数据要想存储就必须存储在外部,例如:Local Storage.Session Storage.Index DB等.这些都是浏览器提供的API,让你可以将数据存储在硬盘上,做持久化存储.具体选择哪一个就根据你实际需求来选择. 二.解决方案 在客户端存储数据: HTML5提供了2种在客户端存储数据的新方法:localStorage没有时间期限

Session引发的异常 其中一个bug是这样的: 使用Firefox登录进入系统后,再打开一个Tab,进入系统页面,点击logout. 在回到前一个tab页面,点击Save按钮,出现了js错误.这个时候应当将用户转到登陆页. 小王看到这个bug,有些目瞪口呆,没想到QA用这么"暴力"的方式来测试自己的程序.在另一个Tab上点击logout, 会导致session清空的,这样再点击第一个tab上的Save按钮,调用的Ajax方法会出现异常的. 但是如何处理这种”非正常”操作引发的异常呢

sql查询这个东西, 要说它简单, 可以很简单, 通常情况下只需使用增删查改配合编程语言的逻辑表达能力,就能实现所有功能. 但是增删查改并不能代表sql语句的所有, 完整的sql功能会另人望而生畏. 就拿比普通增删查改稍微复杂一个层次的连接查询来说, 盲目使用, 也会出现意料之外的危险结果,导致程序出现莫名其妙的BUG. 在连接查询语法中,另人迷惑首当其冲的就要属on筛选和where筛选的区别了,  在我们编写查询的时候, 筛选条件的放置不管是在on后面还是where后面, 查出来的结果总是一样

sql中的连接查询分为3种, cross join,inner join,和outer join ,  在 cross join和inner join中,筛选条件放在on后面还是where后面是没区别的,极端一点,在编写这两种连接查询的时候,只用on不使用where也没有什么问题.因此,on筛选和where筛选的差别只是针对outer join,也就是平时最常使用的left join和right join. 来看一个示例,有两张数据表,结构和数据如图所示 表main 表ext 可以把这两张表看作

/** * @@desc 文本框清除按钮,如果isAutoWrap为false当前文本框父级必须是relative定位,boostrap参考input-group * @@author Bear.Tirisfal <571115139#qq.com> * @@since 2018-08-21 **/ ; (function ($) { $.fn.extend({ addClearBtn: function (options, $o) { var deft = { symbolClass: &q

在做vue的时候,经常会遇到组件之间数据的传递问题,通过params或者query传参,但是,当页面刷新的时候,数据会丢失,找不到数据.今天经过总结,解决了这个问题.通过了一下几种情况进行传值: 通过路由params传参 通过路由query传参 通过vuex 1.通过params传参 先在路由path里那个组件需要传递参数,定义一个参数,用于组件传递,params刷新页面数据会丢失. path: "/chatView/:user" //这里值用:加参数的写法,user即为参数,注意一定

在vue项目中用vuex来做全局的状态管理, 发现当刷新网页后,保存在vuex实例store里的数据会丢失. 原因: 因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store里面的数据就会被重新赋值初始化 解决思路: 将state的数据保存在localstorage.sessionstorage或cookie中(三者的区别),这样即可保证页面刷新数据不丢失且易于读取. localStorage: localStorage的生命周期是永久的,关闭页面或浏览器之

npm install vuex 在项目scr目录下新建store文件夹,在store文件夹下新建index.js文件. import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const state={ accountInfo:{ } } const mutations={ initUser(state,payload){ state.accountInfo=Object.assign(state.accountInfo,p

大家可能对union参数不太习惯的话,也可以用where语句加入动态变量查询,比如 where="fid=$fid&uid=$info[uid]&pid>=$info.pid" 多条件查询 where 实现条件筛选与数据关联   在标签中,可以通过where设置条件筛选,比如 {qb:tag name="xxxx" type="cms" where="status>0"} *********** {

原来的状态(页面刷新数据会重置) state: { teamA: '主队' }, mutations: { data_teamA(state, x) { state.teamA = x } },   解决后(页面刷新保留store数据) state: { teamA: JSON.parse(sessionStorage.getItem("teamA")) || '主队' }, mutations: { data_teamA(state, x) { sessionStorage.setI

将需要保存在vuex中的数据同时保存在sessionStorage中即可: import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const state = { count: 0, }; const mutations = { increaseCount(state, num) { state.count = state.count + num; sessionStorage.setItem('count', JSON.st

当前页面刷新(console): location.reload() 给动态添加的控件添加js事件(委托): <ul> <li>菜单一</li> <li>菜单二</li> </ul> //直接添加 $('li').click(function () { }) //通过委托,动态添加的控件,响应js事件 $('ul').on('click', 'li', function () { }) 添加一个a标签,什么都不做: pager_lis

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法 一丶什么是JQuery JQuery: ​      JQuery是js的一个库,高度封装了js常用的功能,提供简便方法,调用简单,提高开发效率       js库是包含了把复杂的功能封装到简单的方法中 JQuery的两大特性: ​      链式编程:可以.的形式实现多个功能 ​

实现页面返回时,保留筛选条件和筛选结果 说明 . keep-alive 是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM 实现 结合router实现部分页面缓存 模板应用 <keep-alive> <router-view v-if="$route.meta && $route.meta.keepAlive"></router-view> </keep-alive> <router-vie

当用户按下浏览器中的 F5 键刷新当前页面时,对这一过程进行检测所需的操作步骤.页面刷新是浏览器对特定用户操作(按 F5 键或单击"刷新"工具栏按钮)的响应.页面刷新操作是浏览器内部的一种操作,因为浏览器不会为事件或回调发出任何外部通知.从技术上讲,页面刷新是通过 "简单"重复最新请求来实现的.换句话说,浏览器将缓存已处理的最新请求,并在用户单击页面刷新键时重新发布已处理的请求. 正 是因为所有浏览器(据我所知)不会为页面刷新事件提供任何类型的通知,所以服务器端的代

这两天客户的需求不能定下来,做闲人好长时间了,不如来整理下最近碰到的一些个小麻烦. 正题: 场景一. 最近在开发的过程中使用到了百度的富客户端文本编辑器(ueditor)---这是一款功能很强大的文本编辑器, 现在需求:当在这个页面打开以后需要把用户上次编辑的信息写回到此文本编辑器中去,这里使用的方法是ueditor给定的方法.同时使用iframe对此编辑器进行了页面嵌套的显示. //将html代码展示到编辑器中. function insertHtml(value) { setContent(

/// <summary> /// 商品小类筛选页面 GoodsTypeName ----------------SelectGoods--商品筛选 --图文 /// Home/SelectGoods /// </summary> /// <param name="id"></param> /// <returns></returns> , string pvlueIDs = null) { ViewBag.Ret

解决AngualrJS页面刷新导致异常显示问题 绪 俗话说,细节决定成败,编程亦是如此.编程过程中我们可能会不自觉的忽视一些细节问题,殊不知,这些细节正是导致页面显示出现问题的地方.今略举一例,与君共勉之. 页面正常加载后,显示如下: 按F5刷新之后,页面如下所示: 很明显,页面显示出现了异常.回过头再看看Chrome的错误提示, 具体代码如下: 正是以上代码导致了错误的发生. 追根溯源 让我们回顾一下,错误到底是如何发生的.正常加载情况下,页面正常显示很容易理解,程序是按照既定的数据流走的.但

1.场景: N层嵌套的循环查询业务场景,框架是vue.其中在最后一层查完之后,还需要查其中每一项的两个属性,类型都是列表.查完之后将其赋值给一个变量用于页面展示.代码如下: (1)异常代码: getStepRequirement(contentService) { this.contentLoading = true fetchStepRequirement({ id: contentService.contentId }).then(res => { this.contentLoading =