Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,Vue 被设计为可以自底向上逐层应用。 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。 安装 1. 直接从https://vuejs.org/js/vue.min.js下载
转载
2020-07-05 18:43:00
50阅读
2评论
Vue 在 JavaScript 前端开发库领域属于后来者,其他前端开发库有 jQuery、ExtJS、 Anguals、React 等。 Vue (读音 /vjuː /,类似于 View) 是一套用于构建用户界面的渐进式框架。 Vue 的渐进式表现为: 声明式渲染→组件系统→客户端路由→大数据状态 ...
转载
2021-10-10 14:14:00
199阅读
2评论
缓存溢出缓存溢出(Buffer overflow),是指在存在缓存溢出安全漏洞的计算机中,者能够用超出常规长度的字符来填满一个域,一般是内存区地址。这篇文章就是解说简单的缓存溢出问题。文章以x86_32 和 linux 系统平台为蓝本。为了介绍缓存溢出,数据的存储地址、基本的汇编指令、重要的寄存...
转载
2014-07-17 11:17:00
121阅读
缓存方式localStoragesessionStoragestorage.js(实际上时多种方式的集合也包括了前两种)vuexkeep-alive(主要用于保留组件状态或避免重新渲染,自动缓存,并不能自己读写)localStorage可长期存储数据,除非用户清楚localStorage信息,否则数据会一直存在。同一中浏览器之间,不同页面,数据可以共享。//存
// 将this.pickerIte
转载
2024-03-25 14:43:32
123阅读
问题描述大家用vue脚手架搭建前端工程时,常被缓存问题所困扰,具体的表现就是,当程序版本升级时,用户因为缓存访问的还是老的页面,然后很多同学很暴力的直接在index.html中加入了这几行代码: <meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<
转载
2024-04-29 09:41:01
274阅读
一、< keep-alive >< keep-alive > 用来缓冲插槽中的内容(缓冲后不会重新渲染),就是 < keep-alive >……< / keep-alive>标签包裹的内容,里面只允许一个根标签,多个根标签只缓冲第一个标签,如:<keep-alive>
<div>root1</div>
<
转载
2024-08-03 16:06:21
631阅读
vue-router时 keep-alive 页面缓存问题解决keep-alive 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。keep-alive 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。当组件在 keep-alive内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。 作用:在组件切换过程中将状态保
转载
2024-04-16 16:53:08
66阅读
缓存,不管是PC 端还是移动端,不可避免的问题。vue中有一个keepAlive,这个api 基本 能实现我们开发的一些需要。 一、简单介绍下keep-alive: 1、把切换出去的组件保留在内存中,可以保留它的状态或避免重新渲染,实现页面缓存; 2、<
转载
2023-06-01 15:30:27
309阅读
在平时的开发中会经常用到缓存,比如locache、redis等什么是缓存缓存是在计算机上的一个原始数据的复制集,以便于访问为什么使用缓存对于互联网应用来说,用户体验是非常重要的,而使用缓存的目的是想通过提高服务的性能从而提高应用的用户体验。而系统性能的指标一般包括:响应时间、延迟时间、吞吐量、并发用户数量和资源利用率等几个方面。吞吐量:系统在单位时间内处理的请求的数量缓存的分类客户端缓存
服务端缓
转载
2023-11-30 16:59:45
37阅读
1.含义:Vuex是一个专门为vue.js应用程序开发的状态管理的模式,采用集中式存储管理应用所有组件的状态。对应组件的通信方式而言,Vuex是对于所有组件间通信的方法。2.使用:1.安装vuex依赖包npm install vuex -s2.导入vuex包import Vuex from 'vuex' Vue.use(Vuex)3.创建store对象const store = new Vuex
原创
精选
2024-03-13 15:18:40
150阅读
web node_modules --Vue Cli 项目以来的js模块全放到这里 public
原创
2022-09-05 17:17:48
110阅读
vue中强大的缓存机制之keep-alive 最近在用vue做项目,在切换页面时发现切换回原来的页面无法保存原来的状态。 如A页面需要ajax请求数据,然后切换到B页面做某些事情,再切换回A页面时,A页面又再请求数据,但是作为前端,性能优化时必须要考虑的,并且,vue构建的单页面应用,大多数情况下是不需要重新请求数据的,这时keep-alive就派上用场了。 第一部分:
转载
2024-07-02 15:08:13
118阅读
需求在开发vue的项目中有遇到了这样一个需求:一个视频列表页面,展示视频名称和是否收藏,点击进去某一项观看,可以收藏或者取消收藏,返回的时候需要记住列表页面的页码等状态,同时这条视频的收藏状态也需要更新, 但是从其他页面进来视频列表页面的时候不缓存这个页面,也就是进入的时候是视频列表页面的第一页一句话总结一下: pageAList->pageADetail->pageAList, 缓存
转载
2023-08-27 22:48:22
138阅读
什么是 VueVue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,可以高效地开发用户界面无论是简单还是复杂的界面,Vue 都可以胜任最基本的示例
import { createApp } from 'vue'
createApp({
dat
转载
2024-01-16 05:57:32
22阅读
# Vue Axios 缓存
Axios 是一个基于 Promise 的 HTTP 客户端,用于发送请求并处理响应。在 Vue.js 中,我们经常使用 Axios 来与后端 API 进行数据交互。但是,默认情况下,Axios 每次发送请求时都会从服务器获取最新的数据,这可能会导致性能下降和浪费网络资源。为了解决这个问题,我们可以使用缓存来避免频繁的请求,提高应用的性能。
## 什么是缓存
缓
原创
2023-12-21 05:02:02
229阅读
需求“前端缓存”需求背景:解决表单高频率重复填报问题,要求打开页面自动填充上次录入的数据,数据存储期限为一周(7天有效期)。说起缓存首先想到的则是 localstorage、sessionStorage1. sessionStorage:也称会话缓存,当用户关闭浏览器窗口后,数据就会被删除;sessionStorage.setItem("key","value");//存储
sessio
转载
2023-11-02 08:37:03
172阅读
# Vue 在 iOS 上的缓存管理
在现代网页应用中,缓存机制在提升用户体验和性能上起着至关重要的作用。尤其是在移动端应用中,合理的缓存策略能够显著减少网络请求,提高页面加载速度。本文将探讨在 Vue.js 中如何进行有效的缓存管理,尤其是在 iOS 设备上。
## 什么是缓存?
缓存是存储在临时存储区中的数据副本,它可以被迅速访问而无需重新加载。通过使用缓存,应用程序能够减少数据请求,提
先给一种原始的方法sessionStorage或者localStorage先说一下实现原理:比如分页,你从第2页进入详情页返回为了方便用户体验,肯定最好能回到当前这一页我用的分页是elementui的分页,可以在分页切换的时候把页码缓存下来handleCurrentChange(val){
this.listQuery.pageNo=val;
sessionStorage.
转载
2023-10-12 07:15:03
186阅读
当一个Vue实例创建时,vue会遍历data选项的属性,用 Object.defineProperty 将它们转为getter/setter并且...
原创
2022-03-02 13:41:14
294阅读
**Axios 拦截分为请求拦截和响应拦截。 请求拦截就是在你请求的时候会进行触发!只要是你发送一个 axios 请求就会触发!所以我们主要用它做我们的loading加载和数据的权限验证,包括我们所有的数据预加载也可以实现。 响应拦截主要是我们在 loading加载,和做所有数据加载需要整体的结束,这个时候的结束就需要在数据马上发给前端的时候进行隐藏和结束,包括我们的请求头的设置,后端数据已经发送过来的时候,我们为了确保请求头的传递就必须在看看header里面是否有你需要的请求,如果有的话,再
原创
2021-07-12 11:01:49
126阅读