当前位置:首页 > 前端

vuex和缓存(localStore)的主要区别

virtualman2个月前 (08-05)257
Vuex和缓存的主要区别在于它们的存储位置、‌数据类型、‌持久性、‌应用场景以及生命周期。‌ 存储位置:‌ Vuex数据存储在内存中,‌而缓存数据则存储在本地文件或内存中。‌具体来说,‌Vuex用于管理组...

在uniapp(VUE3)项目中引入并使用vuex

virtualman2个月前 (08-05)229
1、在项目中下载并安装vuex npm install vuex --save 2、在根目录下创建文件/store/store.js import { createStore } from 'vuex' //导入createStore构造函数 export default create...

聊聊vue3中ref和reactive的区别与底层实现

virtualman2个月前 (07-24)277
聊聊vue3中ref和reactive的区别与底层实现
  Vue 3 中引入了新的响应式 API,包括 ref 和 reactive,这两个API都用于创建响应式引用,但是它们之间存在一些关键的区别,以及它们在底层的实现机制也有所不同。 一、ref 和 reactive 的区别 0. 一句话区分 re...

【前端】防抖与节流的定义、区别及其代码实现

virtualman2个月前 (07-23)450
【前端】防抖与节流的定义、区别及其代码实现
一、防抖与节流是什么? 本质上两者都是前端的一种优化手段,也是前端开发中处理高频技术的关键。 如:浏览器的 resize、scroll、keypress、mousemove 等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能 为了优化体验,...

UNIAPP微信小程序开发蓝牙接口在IOS与安卓系统下的不同

virtualman4个月前 (06-05)1047
UNIAPP微信小程序开发蓝牙接口在IOS与安卓系统下的不同
最近在做涉及车辆蓝牙开关锁的工作,在微信小程序中踩了不少关于蓝牙的坑,主要有以下三点: 1、mac地址获取方式不同 使用uni.getBluetoothDevices或者uni.onBluetoothDeviceFound 监听附近蓝牙设备时,在安卓系统下,device_id就是设备实际mac地...

【VUE】深入讨论关于VUE的深拷贝和浅拷贝问题

virtualman6个月前 (03-22)1856
【VUE】深入讨论关于VUE的深拷贝和浅拷贝问题
一、深拷贝和浅拷贝的定义:1、深拷贝 :指拷贝对象的具体内容,并且为对象分配新的内存地址。深拷贝结束之后,两个对象虽然存的值是一样的,但是内存地址不一样,互不影响,互不干涉。2、浅拷贝 :指对内存地址的复制,让目标对象指针和源对象指向同一片内存空间。浅拷贝只会拷贝基本数据类型的值,以及实例对象的引用...

【赛后总结】第十四届蓝桥杯软件赛Web组

virtualman1年前 (2023-04-08)5926
结论: 题目较为贴近工程实际,但要落后社会大概5年左右。考察内容很全面,需要有比较扎实的web基础。T1:唯一一道一点都不会的题竟然是第一题。工程里用了太多css in js,忘了原声css里还有一个伪类选择器nth-of-typeT2-T6:基础题目,但是细节都拉满了,尤其是自适应页面的题。做的时...

【JS】判断元素是否在可视区域

virtualman2年前 (2023-03-14)3256
【JS】判断元素是否在可视区域
判断一个元素是否在可视区域,我们有通常有两种办法,第一种是:使用元素的 getBoundingClientRect 属性的 top 值和页面的 clientHeight进行对比, 如果top的值小于 clientHeight表示元素在可视区...

【JS】两种前端普通文件下载方法

virtualman2年前 (2023-03-03)3039
//本标签页下载 window.location.href = url; //新标签页下载 var downloadTag = document.createElement('a') downloadTag.target&...

【uniapp】一个封装uni.request请求的模板

virtualman2年前 (2022-11-12)2634
【uniapp】一个封装uni.request请求的模板
一个便于自己使用的请求封装模板。在项目目录下创建util目录,创建request.js 将下面模板写入:// 全局请求路径,也就是后端的请求基准路径 const BASE_URL_develop = 'http://*****************...