- 2024-10-22LocalStorage和SessionStorage存储
认识Storage◼WebStorage主要提供了一种机制，可以让浏览器提供一种比cookie更直观的key、value存储方式：cookie:服务器返回自动返回一个cooki,浏览器将cookie存储到本地,浏览器再发送请求自动把cooki传递过去localStorage：本地存储，提供的是一种永久性的存储方法，在关闭掉网页
- 2024-10-142024.10.14
刷新页面后，Vuex中的数据被重置的原因是Vuex状态存储在内存中，当页面刷新时，整个JavaScript运行环境会重新加载，Vuex中的数据也会丢失。因此，this.$store.state.user.userId在页面刷新后可能会变成null或undefined。要解决这个问题，你可以将用户数据（如userId）持久化到浏览器
- 2024-10-13vue跨标签页通信（或跨窗口）详细教程
在Vue应用中，跨标签页（或跨窗口）的通信通常涉及到两个或多个浏览器标签页之间的信息共享。由于每个标签页或窗口都是独立的JavaScript执行环境，它们不能直接通过Vue或其他JavaScript库来直接相互通信。但是，有一些方法可以实现这种跨标签页的通信，主要依靠浏览器提供的WebA
- 2024-10-09A页面即时传值给B页面
需求:一个待办事项列表页面(A页面),点击新开一个处理待办的页面(B页面)。在B页面上点击一个按钮(处理这件事情)后， 要求A页面进行刷新，主要目的是去掉进入B页面的链接，避免进行2次处理等。找到页面传输数据的方法，首先想到的是cookie。代码开整，在B页面设定cookie，main_refre
- 2024-10-08Chromium 中Window.localStorage对象c++实现分析
一、前端定义Window.localStorage只读的localStorage 属性允许你访问一个Document 源（origin）的对象 Storage；存储的数据将保存在浏览器会话中。localStorage 类似 sessionStorage，但其区别在于：存储在 localStorage 的数据可以长期保留；而当页面会话结束——也就是说，当页面
- 2024-10-03accoders link fix（by APJifenc）
accoder的一些东西比较唐，而这个插件可以优化，但是洛谷上不了，所以搬运一下。首先下载tampermonkey，拖到浏览器里安装（linuxFirefox），然后添加新脚本即可。//==UserScript==//@nameAcCodersProblemLinkFix//@version3.2//@descriptionFixthelink//@
- 2024-09-18HTML5+CSS3面试题：（第四天）
目录13.cookie、localStorage、sessionStorage区别14.简述window对象除document以外的一些常用子对象，并描述其作用？15.css中水平垂直居中的方法有哪些?16.css如何做兼容的?13.cookie、localStorage、sessionStorage区别1.先介绍下cookie、localStorage、sessionStora
- 2024-09-13面试-JS Web API - 存储
cookieHTML5存储(localStorage和sessionStorage)cookiecookie本身用于浏览器和server通讯的，被借用到本地存储来。可以用document.cookie来修改。同一个变量会覆盖，不同变量会追加。localStorage和sessionStorage//保存数据到localStoragelocalStorage.getItem('a
- 2024-09-08基于Pinia和Compute的持久化localStorage登录态管理Vuejs 源码教学
piniaPinia是一个专为Vue3设计的状态管理库，它借鉴了Vuex的一些概念，但更加轻量灵活，使得状态管理变得更加简单直观。Pinia通过提供一种基于Vue3响应式API的状态管理机制，让我们可以更加优雅地管理应用程序的状态。computedVue的computed属性是一种特殊的数据属性，它们根据组
- 2024-09-03zdppy+vue3+onlyoffice文档管理系统实战 20240902 上课笔记 登录功能优化
遗留问题1、登录以后跳转最近文档2、如果用户没有登录应该自动跳转登录页面3、如果用户的token校验失败，应该自动调整登录界面4、按回车键自动跳转登录页面登录以后跳转最近文档constrouter=useRouter()router.push("/")实际代码：constloginData=awaitapi.login
- 2024-09-02前端数据缓存
实现在页面重新加载后仍然保留用户之前填写的数据，你可以使用localStorage或sessionStorage来存储数据。这里是一个简单的步骤，展示如何使用localStorage来保存和恢复数据：1.保存数据到 localStorage当用户填写表单或输入数据时，你可以将这些数据保存到localStorage。fu
- 2024-08-28localStorage、sessionStorage 和 cookies
localStorage、sessionStorage和cookies都是用于在浏览器中存储数据的方式。localStorage用途:用于存储较大、较长期的数据，数据不会随浏览器关闭而消失，适合存储长期有效的信息，如用户设置、主题偏好等。•存储大小:大约5 MB左右。•有效期:数据会一直保留，直到用户
- 2024-08-22localStorage、sessionStorage、Cookie的区别以及特点
文章目录一、localStorage、sessionStorage、Cookie是什么？二、各自特点以及之间的区别1.`window.localStorage`2.`sessionStorage`3.`Cookie`三、写一个html页面以用来测试这三者不同的区别四、开始测试测试`localStorage`:测试`sessionStorage`:测试`Cookie`:总
- 2024-08-21前端数据持久化——Vuex+LocalStorage
VuexVueX详解_组合式vuex-CSDN博客 LocalStorageLocalStorage是一种WebAPI，它允许网站在用户的本地浏览器中存储和检索数据，而不是将数据存储在服务器上。以下是LocalStorage的详细解析：一、LocalStorage的基本特点本地存储：LocalStorage存储的数据保存在用户的浏览器中，不
- 2024-08-21LocalStorage 的使用方法
LocalStorage是一种web端的存储机制，它使得由JavaScript编写的网站或者应用可以无限期的在浏览器中存储并访问数据。什么是无限期呢？就是说存储在浏览器中的数据是会一直存在的，及时浏览器被关闭了也不会消失。LocalStorage的使用方法要在你的web应用中使用LocalStorage，只
- 2024-08-13Cookie、localStorage 和 sessionStorage 的区别及应用实例
在前端开发中，持久化数据存储是一个非常常见的需求。为了实现这一点，浏览器提供了多种方式，包括Cookie、localStorage和sessionStorage。这三者各有优劣，适用于不同的场景1.CookieCookie是浏览器存储少量数据的一种机制，通常由服务器生成并发送到客户端。每次客户端向同一域名发
- 2024-08-08vue中methods、mounted等的使用方法解析
created：html加载完成之前，执行。执行顺序:父组件-子组件mounted：html加载完成后执行。执行顺序:子组件-父组件methods：事件方法执行watch：去监听一个值的变化，然后执行相对应的函数computed：computed是计算属性，也就是依赖其它的属性计算所得出最后的值 vue中localstorage用法
- 2024-08-08uniapp | vue2 实现用户登录 记住账号密码 功能（附Demo）
目录前言1.uniapp2.vue2前言文中分为两个方面，一个是uniapp小程序，一个是vue2前端（vue3其实同理，只不过格式稍有不同而已）初始界面（以vue2的界面为例）加入按钮之后，界面如下：1.uniapp整一个按钮框：<!-- 记住账号密码--><viewclass="remember-psw-container">
- 2024-08-05Django5+Vue3:OA系统前后端分离项目实战-Pinia用户和token信息管理(11)
Django5+Vue3系列文章前言本节开始，全文仅对会员开放。若点赞和收藏数量超过100，全文将免费开放。此项目采用Django框架的5.0.7版本进行开发。Django5.0支持的Python版本为3.10、3.11和3.12。OA系统系列文章将持续更新，直至项目的Docker部署阶段。专栏链接:
- 2024-07-26[二、状态管理]3管理应用拥有的状态（2）LocalStorage：页面级UI状态存储
LocalStorage是页面级的UI状态存储，通过@Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例。LocalStorage也可以在UIAbility实例内，在页面间共享状态。本文仅介绍LocalStorage使用场景和相关的装饰器：@LocalStorageProp和@LocalStorageLink。说明本模块从APIver
- 2024-07-26浏览器本地存储
浏览器本地存储的四种方式原文链接：https://blog.csdn.net/m0_65335111/article/details/127520150浏览器的本地存储主要分为Cookie、WebStorage和IndexedDB，其中WebStorage又分为localStorage（本地存储）和sessionStorage（会话存储）浏览器的本地存储主要分为Cookie、WebStorage和I
- 2024-07-22关于localStorage你可能忽略掉的一些方法和属性
localStorage是我们常用的浏览器API，用于在客户端进行持久化存储时非常方便。但你是否仅熟悉setItem()和getItem()两个基础方法？本文将介绍localStorage的一些不常见但非常实用的方法和属性。方法和属性setItem(key,value) –存储键值对getItem(key) –通过key获取
- 2024-07-21LocalStorage封装
前言localStorage 使用是一个老生常谈的话题，本文不讲解基础 api，主要教你如何封装一个优雅的localStorage 工具，以及一些 localStorage中一些你不知道的知识点。优雅的 Storage 工具类如何封装(支持前缀key、加密存储、过期时间，ts封装等)localStorage 真实存储大小
- 2024-07-20bootstrap4登录注册页面
<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>login</title><metaname="description"content
- 2024-07-17前端面试题
1.v-model是什么？怎么使用？vue中标签怎么绑定事件？一、v-model就是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控件的值。用于表单数据的双向绑定，其实它就是一个语法糖二、v-model本质上不过是语法糖可以