分析H5本地存储有两个API，一个是Web Storage，还有一个是Web SQL。不管是哪一个，都是基于JavaScript语言来使用，而Web Storage提供了两种存储类型 API： sessionStorage 和 localStorage，二者的差异主要是数据的保存时长及数据的共享方式。那么，如何监测本地存储webstorage的数据是否改变呢？在H5中，wi
转载
2024-04-07 12:26:45
971阅读
vue js监听关闭，刷新利用了HTML DOM事件中的onunload和onbeforeunload方法。 利用了HTML DOM事件中的onunload和onbeforeunload方法。两个属性的对比 onbeforeunload ：onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。
该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。
对话框默认的
转载
2024-09-12 13:58:51
42阅读
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别：1、保持状态：cookie保存在浏览器端，session保存在服务器端2、使用方式：（1）cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏
说到Storage事件,那么就得先给大家说一下localstorage和sessionstorage: 1、localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 2、他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。 3、localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的
转载
2024-04-24 06:40:03
147阅读
前言sessionStorage 属性允许你访问一个 session Storage 对象。它与 localStorage 相似，不同之处在于 localStorage 里面存储的数据没有过期时间设置，而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。**在新标签或窗口打开一个页面时会在顶级浏
转载
2024-03-17 17:32:08
43阅读
一、计算属性computed1.1 什么是计算属性computed是vue的计算属性，是根据依赖关系进行缓存的计算，只有在它的相关依赖发生改变时才会进行更新。<template>
<div id="example">
<p>Original message: "{{ message }}"</p>
<p>Compute
转载
2024-03-28 11:01:11
76阅读
写在前面：通常 SPA 中前端路由有2种实现方式：window.historylocation.hash下面就来介绍下这两种方式具体怎么实现的一.history1.history基本介绍window.history 对象包含浏览器的历史，window.history 对象在编写时可不使用 window 这个前缀。history是实现SPA前端路由是一种主流方法，它有几个原始方法：history.b
React原理揭秘目标能够说出React组件的更新机制能够对组件进行性能优化能够说出虚拟DOM和DIff算法组件更新机制setState() 的两个作用修改state更新组件过程：父组件重新渲染时，也会重新渲染子组件，但只会渲染当前组件子树（当前组件以其所有子组件）组件性能优化减轻state减轻state：只存储跟组件渲染相关的数据（比如：count/ 列表数据 /loading等）注意：不用做渲
js连接RabbitMQ达到实时消息推送最近在自己捯饬一个网站，有一个功能是需要后端处理完数据把数据发布到MQ中，前端再从MQ中接收数据。但是前端连接MQ又成了一个问题，在网上搜了下资料，点进去一篇IBM DW后发现竟然是超哥写的，真 实现服务器端推送的几种方式Web 应用都是基于 HTTP 协议的请求/响应模式，无法像 TCP 协议那样保持长连接，因此 Web 应用就很难像手机那样实现
转载
2024-10-16 17:11:47
34阅读
vue watch监听详情写法一简单的直接监听二 immediate和handler三deep 一简单的直接监听<input type="text" v-model="cityName"/>
new Vue({
el: '#root',
data: {
cityName: 'shanghai'
},
watch: {
cityName(newName
watch 是vue提供的侦听器, 用于对 data 的属性进行
监听
Vue 通过
watch选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的
用法<template>
<div>
<button @click="add">点击</button>
&l
不管是用Jcef还是JxBrowser，很多时候我们的目的并不是为公司开发应用，而是为了方便自己做些不太善良的事，比如说js脚本注入。通过JS脚本注入，我们可以丰富已有的网页上的功能。执行网页JS的代码也很简单：browser.executeJavaScript("document.title ='My title';");但是很多情况下，JS脚本是混淆过的，很难分析。分析完后，东来西去在代码的汪
let self = this; window.addEventListener("storage", function(event){ console.log('object:', event);
原创
2022-01-05 11:34:44
122阅读
在Vue2中，我们可以使用watch来监听一个数据的变化，并且在数据变化时执行一些操作。这个特性是Vue2非常强大的一个功能，可以帮助我们监控一个或多个数据的变化，然后做出相应的反应。watch语法要使用watch，我们需要在Vue组件的选项中声明一个watch对象，如下：复制代码
export default {
data() {
return {
count: 0
转载
2024-07-11 16:59:40
110阅读
前端路由我们都已经很熟悉了，像Vue、React等一些MVVM框架都提供了前端路由支持，使得前端开发更加独立高效。前端路由的原理我们都知道，一般面试的时候也经常会被问起。我们一般都会回答：前端路由有两种，一种是 hash 模式，原理是监听 window 上的 onhashchange 事件来实现视图更新，一种是 history 模式，原理是使用 history.pushState/r
字符串补充"""
1）双引号：
"前缀" + 变量 + "后缀"
2）单引号：
'前缀' + 变量 + '后缀'
3）反引号：
`前缀${变量}后缀`
注：在反引号中可以用 ${} 来包裹变量，实现字符串拼接
"""实例成员：计算属性"""
/** 计算属性：
* 1）其实就是vue中的方法属性，方法名可以作为属性来使用，属性值为方法的返回值
* 2）在
转载
2024-03-26 20:28:09
25阅读
main.js：const _setItem = function (func, key, value) {
store.commit('sessionStorage/setItem', { key, value })
return func.call(this, key, value)
}
Object.keys(sessionStorage).forEach(key =&
原创
精选
2024-03-07 18:10:44
757阅读
事件机制事件绑定首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。事件绑定的办法： 1.直接在HTML元素绑定，在标签后加onclick = function(){}等 2.在js脚本中绑定，获取元素后绑定事件 3.DOM绑定，添加事件监听第一种无法删除，不好维护
第二种无法删除，维护性一般
第三种可以删除，维护性一般在DOM中直
前言：watch和computed都是以函数为基础的，但各自却都不同一、作用机制上watch和computed都是以Vue的依赖追踪机制为基础的，它们都试图处理这样一件事情：当某一个数据（称它为依赖数据）发生变化的时候，所有依赖这个数据的“相关”数据“自动”发生变化，也就是自动调用相关的函数去实现数据的变动。二、从性质上1.computed是计算属性，事实上和和data对象里的数据属性是同一类的（
转载
2024-10-29 14:48:20
34阅读
我们都知道监听器的作用是在每次响应式状态发生变化时触发，在组合式 API 中，我们可以使用 watch()函数和watchEffect()函数,当你更改了响应式状态，它可能会同时触发 Vue 组件更新和侦听器回调。默认情况下，用户创建的侦听器回调，都会在 Vue 组件更新之前被调用。这意味着你在侦听器回调中访问的 DOM 将是被 Vue 更新之前的状态。那么，我们来看一下，怎么才能好好的使用他们呢
转载
2024-09-30 13:16:16
64阅读
