前端

第四十四节:Vuex状态管理:辅助函数mapMutations与mapActions

前言说明: 大家已经知道vuex提供了mapState和mapGetter方法,方便我们获取state和getters 同样的vuex也提供了mapMutations 和mapActions方便操作mutations和actions方法 需要注意的是mapState和mapGetter是映射为计算属性,获取数据 而mapMutations 和mapActions是映射为组件methods方法,修

Vue3的setup基础

基本使用 setup内部定义的变量可通过return返回,这些变量和方法便可在模板中使用 基本使用 setup内定义的变量本事不具有响应式,即修改其内容时,页面不会发生改变,只有通过ref(基本数据类型)和reactive(复杂数据类型)才能让这些变量具有响应式。 赋予变量响应式 父子组件传值 父传子 子组件 父组件及效果 子传父 子组件调用父组件方

小程序如何传递数据

1、本地缓存 2、全局变量: 在 app.js  中的  this.globalData = { }  中放入要存储的数; 在组件.js 中, 头部 引入  const app = getApp(); 获取到全局变量; 直接使用 app.globalData.key  来进行赋值和获取值。 3. 路由: 使用wx.navigateTo和wx.redirectTo时,可以通过在url后拼接 + 变

【前端】【Echarts】ECharts 词云图(WordCloud)教学详解

效果 ECharts 词云图(WordCloud)教学详解词云图是一种通过关键词的大小、颜色等视觉差异来展示文本数据中词频或权重的图表。它直观、形象,是数据分析和内容展示中的利器。本文将带你从零开始,学习如何用 ECharts 的 WordCloud 插件绘制词云图,涵盖基础配置、样式定制和多样化示例。 一、准备工作使用词云图

全局路由守卫-登录鉴权

const router = createRouter({ history, routes, }) router.beforeEach(async (to, from) => { if (to.path === '/' || to.path.startsWith('/welcome') || to.path.startsWith('/sign_in')) { return

Moectf2025-web&misc&crypto (持续更新

目录moectf2025:签到:Crypto入门:ez_desezBSGS:web:111签到第一章 神秘的手镯:第二章 初识金曦玄轨第三章 问剑石!篡天改命!第四章 金曦破禁与七绝傀儡阵1:2:3:4:5:6:7:第五章 打上门来!第六章 藏经禁制?玄机初探!第七章 灵蛛探穴与阴阳双生

年度心得总结——前端领域

又是一年时光转,岁月如梭学习繁。笔耕岁月求知路,心悟真谛志愈坚。往昔耕耘结硕果,未来展望展宏愿。共聚一堂话成就,再创辉煌谱新篇。 此刻,我暂且搁下手中的键盘,让思绪飘回那过往的日日夜夜。回望这一年的风雨兼程,心中不禁涌动着无尽的感慨。前端领域,这片充满无限可能的天地,又经历

0.DOM和BOM的介绍

1.认识DOM和BOM window的全局对象,window上事实上就包含了这些内容: JavaScript语法部分的Object、Array、Date等; 另外还有DOM、BOM部分; image.png 1.1◼ DOM:文档对象模型(Document Object Model) 简称 DOM,将页面所有的内容表示为可以修改的对象; 1.2 ◼ BOM:浏览器对象模型(B

前端|Vue Vue3中使用Pinia,保姆级教程

为什么选择Pinia在构建大型或中型Vue应用时,组件之间的状态共享和管理是一个不可避免的挑战。Vue.js的官方状态管理库Vuex在过去几年里一直是解决这个问题的主流方案。但是,Vuex的复杂性和对TypeScript支持的限制促使社区寻找更简洁、更灵活的解决方案。这就是Pinia应运而生的背景。Pinia是Vue.js的一个全新状态管理库,由同一个团队

html2canvas:前端HTML转Canvas图像处理库

本文还有配套的精品资源,点击获取 简介:html2canvas是一个开源JavaScript库,用于在浏览器中将HTML内容渲染成Canvas元素,并可进一步转换成图片或进行图像处理。它通过解析DOM结构和样式,并绘制到Canvas上,支持文本、图像、形状等多种元素,以模拟浏览器的渲染过程。