好好好明天会更好-CSDN博客

原创 vuex中mapState()方法是什么

mapState是Vuex提供的辅助函数，用于将store中的state直接映射为组件的计算属性，避免重复书写this.$store.state.xxx。与mapGetters的区别在于：mapState获取的是原始state数据，而mapGetters获取的是经过getter计算处理后的派生数据。两者都能简化组件中对Vuex数据的访问，但根据数据是否需要二次处理选择使用。

2025-12-25 15:29:57 165

Vuex中的mapGetters是一个辅助方法，用于将store中的getters映射为组件的计算属性，简化访问Vuex状态的方式。通过...mapGetters(['getterName'])语法，可以直接在组件中使用this.getterName访问getter，而无需通过this.$store.getters。对于命名空间模块，需要指定模块路径。此外，mapGetters还支持重命名映射。需要注意的是，Vue3+Pinia组合中没有mapGetters，这是Vuex特有的语法糖功能。

2025-12-25 14:44:21 228

原创 uniapp项目中视频播放控制对象

在视频上下切换时，为避免多重音乐干扰，可通过uni-app的uni.createVideoContext API控制播放状态。该API返回VideoContext对象，支持.play()、.pause()等方法操作视频组件，配合<video>标签的autoplay属性可实现自动播放控制。该方法类似微信小程序的视频控制方案，能有效管理多视频播放冲突问题。

2025-12-05 17:30:47 147

原创 gitLens--代码的历史管理器

当需求写到一半，半路被砍，已经commit的代码，在本地仓库难以撤回。一条分支开发的代码又不想推翻重来，此时gitLens是最好的助手。点击任意提交即显示改动的文件列表。点击GITLENS的分支，点击展开，下方是提交的每次commit。右击commit，展开对这次commit的操作。新增一条“反提交”，抵消选中提交，历史保留。临时切换到旧提交，只看不动，HEAD 游离。把当前分支“嫁接”到指定提交，重写历史。常用于回到上个版本，两者有点不同。本地直接回退到任意提交，后面提交消失。提交（HEAD~1）

2025-11-06 17:35:37 235

原创 uni-app项目中设置系统剪辑版内容API

摘要：uni.setClipboardData是uni-app提供的跨平台剪贴板API，支持H5、小程序和App端，用于将文本复制到系统剪贴板。该API需要用户交互触发（如点击事件），核心参数包括必填的data（文本内容）及可选的成功/失败回调。

2025-10-30 17:09:50 364

原创 vue中的this.$nextTick如何使用

Vue.js中的this.$nextTick用于在DOM更新后执行回调函数，解决数据更新与DOM渲染不同步的问题。它支持回调函数和Promise两种用法，适用于DOM操作、样式调整和动画触发等场景。其原理基于事件循环，通过异步队列合并更新任务。使用时需注意避免滥用、减少不必要的DOM操作，并确保异步回调中的变量有效性。该机制结合Promise/MutationObserver实现DOM更新检测，优化了性能。

2025-10-22 09:50:00 682

原创 128. 最长连续序列

该算法用于在未排序整数数组中找到最长连续数字序列的长度。通过将数组存入HashSet去重后，遍历每个数字x，仅当x-1不存在时（表明x是序列起点），从x开始逐个检查x+1,x+2...是否存在，统计当前序列长度并更新最大值。这种方法确保O(n)时间复杂度，避免了排序的O(nlogn)复杂度。示例输入[100,4,200,1,3,2]输出4，对应序列[1,2,3,4]。核心是仅从序列起点开始统计，避免重复计算。

2025-10-16 16:34:21 359

原创 49.字母异位词（leetcode算法）

给你一个字符串数组，请你将字母异位词组合在一起。可以按任意顺序返回结果列表。"bat""nat""tan""ate""eat""tea"// 用来保存“签名 → 同组字符串列表”for (let str of strs) { // 遍历每个输入字符串let array = Array.from(str) // 把字符串拆成字符数组// 按字母顺序排序，得到“签名”// 把排序后的数组转成字符串作为 key// 取旧列表或新建// 把当前字符串放进对应列表。

2025-10-15 16:53:35 247

原创什么是代理

代理模式通过中间层间接访问目标对象，实现请求转发和功能增强。核心思想包括接口一致性、职责增强和开闭原则。代理分为正向代理（客户端不透明）和反向代理（服务端透明）两种类型。在HTTP请求中，代理处理DNS解析、TLS终止、负载均衡等过程，具备四大核心能力：负载均衡算法（如轮询、一致性哈希）、限流熔断机制（如令牌桶算法）、TLS终止（统一证书管理）和安全防护（如WAF规则引擎）。代理层能隐藏真实服务IP，在流量管控和系统安全方面发挥关键作用，同时保持与后端的长连接优化性能。

2025-10-09 17:04:18 954

原创 pinia从定义到运用

Pinia 是 Vue 官方推荐的，专为 Vue3 设计，用来替代 Vuex。它以“轻量、直观、TypeScript 友好”著称，核心只有和三个概念。

2025-09-18 15:49:03 586

原创 vue中template的使用

template>是一个 HTML 元素，用于定义一个模板内容。它是一个隐藏的容器，其内部的内容不会被浏览器直接渲染，但可以通过 JavaScript 获取并插入到页面中。template元素在 HTML5 中被引入，主要用于实现页面的动态内容加载和复用。

2025-09-18 14:46:19 1319

原创 JS中filter/reduce/some/every/includes等常用方法使用指南

forEach()和 .for...of都用于遍历数组，但。

2025-09-18 14:40:41 708

原创那些关于$event在vue中不得不说的事

template>-- $event 就是子组件 emit 的 payload --><script></script>Vue 2 的自定义事件（$emit）根本就不会自动冒泡，所以不存在“第三层还能不能拿到 payload”的问题——事件在第 1 层就被消费了，后面的层级默认收不到。体系是否冒泡典型 API备注浏览器原生 DOM 事件✅ 冒泡.native点击、键盘、滚动…Vue 自定义事件系统❌ 不冒泡vm.$emit、组件@foo只在父子之间点对点通信。

2025-09-18 14:18:07 357

原创 vuedraggable-拖拽插件使用小计

本文介绍了Vue.js中使用vuedraggable实现拖拽功能的完整指南。主要内容包括：1) Vue2/Vue3版本的安装方法；2) 组件注册方式；3) 最小实现示例；4) 核心属性配置；5) 事件处理；6) 多列表交互；7) 插槽使用；8) 与UI库集成；9) 常见问题解决。重点说明了Vue2和Vue3在使用上的差异，如Vue3必须使用具名插槽item，并详细介绍了group属性实现跨列表拖拽、响应式数据要求等关键配置。文章最后提供了官方资源链接，帮助开发者快速实现复杂的拖拽交互功能。

2025-09-18 14:12:14 1070

原创 Vue2 中 ref 的使用指南

在 Vue2 开发中，ref 是一个非常实用的属性，它可以帮助我们直接访问 DOM 元素或子组件实例。通过合理使用 ref，可以实现一些复杂的交互逻辑，如焦点控制、表单校验等。本文将详细介绍 ref 的用法，并通过示例展示其在实际开发中的应用场景。

2025-09-12 11:19:23 1333

2501_91610620的博客