- 博客(16)
- 收藏
- 关注
RSS订阅原创 Vuex和Pinia的区别二
（1）使用函数的方式是为了确保每个组件实例都有自己独立的状态对象（2）使用函数来定义状态可以确保每个组件实例都可以获得自己的状态对象，从而避免状态的共享和交叉影响注：因为在Vue中，组件的data属性或setup函数中返回的对象是共享的，如果直接将状态定义为对象字面量，则所有组件实例将共享同一个状态对象，可能导致状态的交叉污染和意外修改。（3）箭头函数没有自己的this上下文，而是继承父级上下文。（4）在箭头函数中，this关键字将指向正确的对象，而不会因为函数内部的this丢失而导致错误。
2023-06-20 16:36:56
265
原创 前端存储那些事二
和并没有内置的事件监听机制，因此无法直接监听它们的变化。但是可以使用以下方法实现监听：和对象都会触发storage事件，当其他窗口或标签页对存储进行更改时会触发该事件。您可以通过添加storage事件监听器来捕获变化，并在回调函数中执行相应的操作。（2）使用定时器：通过使用定时器，在一定的时间间隔内轮询检查存储的值是否发生变化，并在变化时执行相应的操作。（3）使用 Proxy 对象：通过创建一个Proxy对象来代理或，可以拦截对存储的读写操作，并在变化时执行自定义的操作。
2023-06-20 15:52:19
3404
原创 前端存储的那些事
Cookie是一些数据, 存储于你电脑上的文本文件中。2.当web服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。3.Cookie的作用就是用于解决 "如何记录客户端的用户信息":（1）当用户访问web页面时，他的名字可以记录在cookie中。（2）在用户下一次访问该页面时，可以在cookie中读取用户访问记录。1.用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。属性是只读的。中的键值对总是以字符串的形式存储，对于对象、整数key。
2023-06-09 15:36:27
494
原创 Vue2修改props传递的值
eduList.vue（子组件）eduTablelist.vue（父组件）eduTablelist.vue（父组件）eduList.vue（子组件）
2023-06-07 16:16:07
1025
原创 Vue3封装确认弹框，提示弹框组件
今天给大家分享一个vue3+typescript封装的确认弹框和提示弹框组件，有喜欢的小伙伴直接复制相应的代码拿到项目中使用。
2023-04-25 11:03:11
1947
原创 vue3学习总结
什么是hook?本质是一个函数,把setup函数中使用的CompositicAPI进行了封装类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。作用：创建一个自定义的ref，并对其依赖项跟踪和更换触发进行显式控制。<template><script>setup() {let timerreturn {get(){console.log(`有人查看了value，查看的是${value}`);track() // 追踪},
2023-03-22 14:24:14
573
原创 git常用命令及学习
1、Git是一个免费的、开源的分布式版本控制系统,可以快速高效地处理从小型到大型的各种项目。2、 Git易于学习,占地面积小,性能极快。它具有廉价的本地库,方便的暂存区域和多个工作流分支等特性。其性能优于Subversion、CVS、Perforce和ClearCase等版本控制工具。1、版本控制是一种记录文件内容变化以便将来查阅特定版本修订情况的系统。2、版本控制其实最重要的是可以记录文件修改历史记录,从而让用户能够查看历史版本,方便版本切换。
2023-03-22 14:03:12
100
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人