http://developer.51cto.com/art/201204/331588.htm 很早之前调研过HTML5的本地存储-《DOM Storage全解析》，大致上对localStorage、sessionStorage等API做了下了解，但是一直没有机会真正的在项目中使用。终于这次借重构Web IM的机会，对本地存储做了更深入的使用，除了基本的API使用之外还在次基础上封装了一些应用
转载
2024-08-24 20:56:36
63阅读
引用《h5移动web开发指南》上的话：“当同源页面的某个页面修改了localStorage,其余的同源页面只要注册了storage事件，就会触发” 所以，localStorage storage的例子运行需要如下条件：同一浏览器打开了两个同源页面其中一个网页修改了localStorage另一网页注册了storage事件 Storage事件在某些复杂情况下，如果多个页
转载
2023-09-28 23:32:38
240阅读
vue中需要将内容存储到本地缓存中 这个地方的“文件数量”是从子组件中传递过来的，如果不进行处理，当此页面刷新时，数据会清空为0. 此时可以考虑将数据存储到本地缓存中。子组件代码<div class="submit">
<el-pagination background @current-change="handleCurrentChange" :current-pa
转载
2024-07-31 14:18:19
294阅读
let self = this; window.addEventListener("storage", function(event){ console.log('object:', event);
原创
2022-01-05 11:34:44
122阅读
NDK项目实战仿360手机助手卸载监听提交报告。效果图如下：目的需要监听什么时候卸载，卸载后执行部分操作针对于Android的系统，我们可以试想有一下策略*1、监听系统卸载广播*只能监听到其他应用的卸载广播，无法监听到自己是否被卸载。内存 --》 监听 别人
. ACTION_PACKAGE_REMOVED
2.ACTION_PACKAGE_REMOVED2、*卸载* 通过系统lo
转载
2024-10-22 15:49:50
77阅读
为什么要监听storage的变化？当我们在使用vue的时候，有时候需要一个两个数据在全局共享，vue虽然提供了vuex模块来解决此问题，但是为了一两个数据的共享引入vuex未免小题大做，所以我们选择使用storage来保存共享数据，但有个问题就是如何监听storage的变化，让我们可以在保存数据的同时，在另外一个路由中监听到变化并执行操作本例子就是演示此方法——————————————
转载
2024-01-10 16:37:40
68阅读
我们知道通过Object.defineProperty()劫持数组为其设置getter和setter后，调用的数组的push、splice、pop等方法改变数组元素时并不会触发数组的setter，这就会造成使用上述方法改变数组后，页面上并不能及时体现这些变化，也就是数组数据变化不是响应式的(对上述不了解的可以参考这篇文章)。但实际用vue开发时，对于响应式数组，使用push、splice、pop等
凑一篇文章 咳咳 详细解读一下vue的监听属性watch监听的对象可以是某个已存在的值：只要这个值改变就触发当前方法。这个函数可以有两个形参，第一个是当前的值，第二个是变化后的值；当然也可以没有，下面依次类推watch监听的对象可以是函数：当我们监听的数据发生变化时，需要执行的函数，后半句同上。watch监听的对象也可以是method中的函数名：函数名要用引号来包裹。watch监听的对象也可以是c
转载
2024-04-24 08:36:09
24阅读
01-v-on的基本使用1.1 事件监听1、在前端开发中，我们需要经常和用户交互这个时候，我们就必须监听用户发生的事件，比如点击，拖拽，键盘事件等等在Vue中使用v-on监听事件2、v-on的介绍作用：绑定事件监听器缩写：@预期：Function | Inline Statement | Object参数：event1.2 代码实战<!DOCTYPE html>
<html la
转载
2024-04-30 12:45:05
169阅读
handler：其值是一个回调函数。即监听到变化时应该执行的函数。deep：其值是true或false；确认是否深入监听。（一般监听时是不能监听到对象属性值的变化的，数组的值变化可以听到。）immediate：其值是true或false；确认是否以当前的初始值执行handler的函数。watch用法第一种用法当a,b值发生改变时执行var vm = new Vue({
data: {
a:
转载
2024-09-11 19:31:52
61阅读
需求如下：如下问卷调查中，每做完一个问卷，相应的新任务数量（红色label）跟个人任务列表都需要少一条数据，假设下面截图一为页面1，截图2为页面2，页面2为页面1的子路由，如:{path:'/page1',component:PageOne,children:[{path:'page2',component:PageTwo}]},当由children路由/page1/page2跳回page1时，当
vue的监听机制v-on可以用 v-on 指令监听DOM事件，并在触发时运行一些JavaScript代码。 注意: 事件修饰符 在事件处理程序中调用event.preventDefault()或event.stopPropagation()是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理DOM事件细节。 为了解决这个问题，Vue.js为v-o
转载
2024-06-01 02:09:02
47阅读
文章目录事件监听(v-on:)v-on传参数v-on修饰符 事件监听(v-on:)在前端开发中，我们需要经常和用户交互。
这个时候，我们就必须监听用户发生的事件，比如点击、拖拽、键盘事件等等。在Vue中如何监听事件呢？使用v-on指令。v-on介绍
作用：绑定事件监听器。缩写：@
预期：Function | Inline Statement | Object
参数：event
下面，
转载
2024-04-01 01:31:24
144阅读
上周五跟着一个师姐面试一个三年工作经验的前端开发，我在一边谨慎的观摩。想着曾经我也被别人面试过，如今面试别人，感觉其实心情是一样的。前言工作三年的Vue使用者应该懂什么？为何工作几年的基础越来越弱？工作如何挤出时间学习？一道面试题其实我们并不是要你把答案都记下来，而是把其中的思想学习到。就像你接触一个新的领域react，你也一样可以把基本思想提炼出来。面试题： ?Vue是如何对数据进行监听的？这其
转载
2024-06-14 22:35:36
188阅读
vue中是如何监听数组变化？我们知道通过Object.defineProperty()劫持数组为其设置getter和setter后，调用的数组的push、splice、pop等方法改变数组元素时并不会触发数组的setter，这就会造成使用上述方法改变数组后，页面上并不能及时体现这些变化，也就是数组数据变化不是响应式的（对上述不了解的可以参考这篇文章）。但实际用vue开发时，对于响应式数组，使用pu
转载
2024-05-28 11:37:08
36阅读
组件通信的五种方式1 组件逐层通信：props方式2 父子间通信：自定义事件方式①自定义事件监听v-on监听（常用）$on监听（少用）②用 $emit 触发自定义事件3 组件间通信：订阅和发布消息方式4 组件间通信：slot插槽5 组件间通信：vuex (待更新...) 1 组件逐层通信：props方式v-bind数据绑定，用prop逐层传递父组件<template>
//传
转载
2024-05-29 07:15:33
353阅读
1.概念computed(计算属性)和watch(监听器)都是以vue的依赖追踪机制为基础的，当依赖数据发生变化时，依赖此数据的相关数据会自动变化2.应用场景computed处理场景：一个数据受多个数据的影响；watch处理场景：一个数据影响多个数据当我们需要进行数值计算，并且依赖于其它数据时，应该使用 computed，因为可以利用 computed 的值有缓存的特性，避免每次获取值时，都要重新
转载
2024-04-18 14:36:40
150阅读
需求：不同组件间共用同一数据，当一个组件将数据发生变化时，其他组件也可以响应该变化。分析：vue无法监听localstorage的变化。localstorage主要用于不同页面间传值，vue适合组件间传值。对于组件间共用同一数据又想保存住信息或者再页面刷新的时候不丢失数据（vuex在页面刷新的时候存储的值会丢失，localstorage存储在本地浏览器中），可以采用vuex+localstorag
转载
2024-05-05 19:21:46
454阅读
之前说到了 Object.defineProperty() 用来监听 data 的数据改变，从而实现响应式，但是在 回顾definePropety方法 博客中，出现了一个问题，那就是我在 改变数据，调用 set() 函数的时候，出现了堆栈溢出的问题，这是因为出现了递归的情况。在这里我们就来看看Vue是怎么解决这个问题的。首先，我们来实现一个简单的数据监听效
转载
2024-04-18 22:48:23
69阅读
前言 前段时间学习了关于vue中响应式数据的原理，（并作了学习笔记vue响应式原理），其实是通过Object.defineProperty控制getter和setter，并利用观察者模式完成的响应式设计。那么数组有一系列的操作方法，这些方法并不会触发数组的getter和setter方法。那么vue中
转载
2020-09-29 17:45:00
1393阅读
2评论
