转自:https://blog.csdn.net/u011085172/article/details/77320562 在一个页面里面,有个局部页面记录这当前session的任务记录,之前用的cookie来进行保存,发现cookie能保存的大小太小,于是用session来保存, 代码是想实现在刷新或离开到其他页面load时将页面中的局部内容保留,使之与刷新前一致,不丢失 如下: $(function () { if (!window.sessionStorage.getItem("myhtml

https://blog.csdn.net/sinat_37255207/article/details/89373825 因为项目Vue router 连续嵌套了好几层 首先检查keep-alive的 include 和including 属性是否应用正确 include 是缓存包含  including是缓存相反 项目中嵌套了好几层keep-alive 那个页面需要缓存 应当给当前页面 父级最近的router 外面加keep-alive  而不是APP.vue 的最外层 因为所做的项目中有很

今天抽空研究了下鼠标点击添加样式的方法.为了防止忘记,写篇文章算是备份吧. $('ul.main-menu li a').each(function(){     if($($(this))[0].href==String(window.location))         $(this).parent().addClass('active'); });

$('ul.main-menu li a').each(function(){ if($($(this))[0].href==String(window.location)) $(this).parent().addClass('active'); }); http://jingyan.baidu.com/article/546ae1850215aa1148f28c69.html

$(document).ready(function(){ $('#rating li').each(function(){ if($($(this)).attr('id')==String(window.location)){ $('#rating li').removeClass("currentrating"); $(this).addClass('currentrating'); } });}); $('.bate').bind('click',function () { $(

第一部分 SessionStorage 首先查看sessionStorage的地方在控制台的 Application > Storage > Session Storage这里: 根据sessionstorage的特性,做一下各个方法的封装: const ls = window.sessionStorage; export default { getItem(key) { try { return JSON.parse(ls.getItem(key)); } catch (err) { ret

今天我们的产品经理提出一个新需求,模拟新浪微博textarea框,输入内容刷新页面保留信息. 我是用的方法是Html5 LocalStorage存储的,开始计划用cookie.或mysql存储,尝试了一番后发现都不行,mysql存储需要无数的ajax请求不合实际.cookie感觉也不太好,随后上网查LocalStorage这种方法. 链接地址:HTML5 LocalStorage 本地存储      新浪微博发微博自动保存微博内容是如何实现的 发现了上面2篇文章后果断的使用了LocalStora

需求场景 之前:只要点击若依顶部的标签,页面都会自动刷新. 问题:A 页面有查询结果,切换到 B 页面查看信息,再切回 A 页面,则 A 页面的查询结果不会保留. 需求:点击标签,页面不自动刷新,或者保留查询结果. 尝试 方案一 翻了下点击标签的源码,发现:它是 <router-link> 标签.路由跳转到目标地址后,会自动刷新页面.如果每次进入页面时,都设置导航守卫,根据 Vuex 查询该页面上一次是否有查询结果,若有,则不刷新页面,反之刷新. 这种操作对性能消耗较大,不推荐. 方案二:推荐

随笔开头,我不得不吐槽,为什么我的随笔每次发布之后,都会在分分钟之内移出首页.好气啊!! 进入正题了,项目中有许多表单输入框要填写,还有一些单选复选框之类的.用户可能在填写了大量的信息之后,不小心刷新了页面或者出现了什么异常,导致页面上填写的信息消失了.还得重新填写信息,麻烦至极. html5推出了本地存储的功能,localStorage以及sessionStorage.我打算利用他们来实现一个临时存储的功能,即使页面刷新,数据依然保留. 1.页面初始如下:  2.代码如下 <!DOCTYPE

Json Web Token 1.JWT简介 JWT 是一个开放标准(RFC 7519),它定义了一种用于简洁,自包含的用于通信双方之间以 JSON 对象的形式安全传递信息的方法.JWT 可以使用 HMAC 算法或者是 RSA 的公钥密钥对进行签名.它具备两个特点: 简洁(Compact) 可以通过URL, POST 参数或者在 HTTP header 发送,因为数据量小,传输速度快 自包含(Self-contained) 负载中包含了所有用户所需要的信息,避免了多次查询数据库 2.JWT 组成

在pc 管理系统这种类型的产品,通常会涉及到账号权限的控制,不同的账号权限能浏览的功能模块是不同的,对应侧边栏菜单模块的显示也会不同. 场景一.(电商类管理系统) 登录 登录后,依次获取账号 tokenId.店铺列表.默认店铺ID.菜单列表 通过菜单列表生成侧边栏,注意router 文件里面定义了全部的页面路由,所以配置新菜单时候需要提供给后端前端定义的页面路径 menuList 数据存起来,可以存在 vuex.sessionStorage,这个数据可以用于router 里面非白名单页面的拦截比

目录 1.项目准备 1.1 rem适配 1.2 通用样式CSS 1.3删除测试代码 1.4Git托管 2.login页面 2.1 页面布局和表单校验 2.2login页的接口抽取 2.5.loading效果 2.6封装token方法 2.7轻提示toast 2.8整合三部分代码 2.9使用token的保存方法 2.10跳转到home 2.11 重定向 3.layout页面 3.1整合底部layout结构 3.2layout嵌套路由 4.user页面 4.1.整合路由 4.2顶部区域 4.3操作按

官方资料:Chrome Developer Tools: Network Panel 一.chrome Developer Tools:Network Panel 从网络面板中可以获取很多有用信息,如详细的时间数据,http请求头响应头,cookies,WebSocket数据. 通过分析这些数据,可以知道哪个资源加载耗时最久,谁发起的网络请求,这些对性能优化很有帮助. 这些数据的获取都是通过一个api来完成的,Resource Timing API. 我们不需要知道它的实现原理,只要知道它能提供

hmtl中 为了验证 form的 action提交属性, 是指 表单提交到的 页面, 可以是任意 性质的页面, 如:html页面, php页面, asp页面等都可以, 实际在测试的时候, 可以就写 提交到的 html页面, 免得去部署安装php 但是 ,如果form表单 中的action属性=""或者不写, 这时提交到的 目的页面还是 该页面自己! 不是其他, 也不是没有处理者, 提交后本地页面中的 text文本域中原来输入的内容没有 改变? 这是因为 缓存的原因, 而ctrl_F5

jquery treeview 插件参数说明 treeview开源地址:https://github.com/jzaefferer/jquery-treeview 1.animated:String or Number设置展开子节点时的显示速度,有 slow.normal.fast 或者指定速度值,与 jQuery 的 hide(show)中的 speed 参数相似. 这里有个问题,如果使用动态的效果,这时候给人一闪一闪的感觉,如果不喜欢可以不使用这个属性就可以,这样就没有那种一闪一闪的感觉了

实现 第一种PHP下拉框实现方法: < ?php //提交下拉框; //直接饱触发onchange事件的结果 $id=$_GET['myselect']; // myselect 为location.herf?id的名字; echo $id; //用表单提交的结果; if($_POST["sendSelect"]){ //sendSelect 为表单的名字; $select_val=$_POST["selectID"]; echo "你选择的值为:

Chrome Developer Tools:Network Panel说明   官方资料:Chrome Developer Tools: Network Panel 一.chrome Developer Tools:Network Panel 从网络面板中可以获取很多有用信息,如详细的时间数据,http请求头响应头,cookies,WebSocket数据. 通过分析这些数据,可以知道哪个资源加载耗时最久,谁发起的网络请求,这些对性能优化很有帮助. 这些数据的获取都是通过一个api来完成的,Re

Tips 原文作者:Ben Edelstein 原文地址:Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 你可能已经熟悉Chrome Developer Tools的基本功能:DOM检查器,样式面板和JavaScript控制台. 但是有一些不太知名的功能可以大大提高调试或应用程序创建工作流程. 1 黑色主题 Chrome内置了一个黑色主题. 可以通过单击开发工具窗格右上方的三点图标,单击"

导读 Flutter是Google开发的一套全新的跨平台.开源UI框架,支持iOS.Android系统开发,并且是未来新操作系统Fuchsia的默认开发套件.自从2017年5月发布第一个版本以来,目前Flutter已经发布了近60个版本,并且在2018年5月发布了第一个“Ready for Production Apps”的Beta 3版本,6月20日发布了第一个“Release Preview”版本. 初识Flutter Flutter的目标是使同一套代码同时运行在Android和iOS系统上

一.Form提交验证与Ajax提交验证的运用实例 Form表单提交时会刷新页面,输入失败时,输入框内内容也会随之刷新不能保留:而Ajax提交是在后台偷偷提交,不会刷新页面,因此也就可以保留页面输入框内的内容. 1. 浏览器访问 http://127.0.0.1:8000/login/ http://127.0.0.1:8000/register/ 2. urls from django.conf.urls import url from django.contrib import admin f