前端

1. 首页
2. IT互联网
3. 前端

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

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

前端 2025年06月10日 88 点赞 0 评论 4792 浏览

Vue3的setup基础

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

前端 2025年06月04日 66 点赞 0 评论 4794 浏览

小程序如何传递数据

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

前端 2025年06月03日 172 点赞 0 评论 4834 浏览

【前端】【Echarts】ECharts 词云图（WordCloud）教学详解

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

前端 2025年09月24日 196 点赞 0 评论 4841 浏览

前端｜Vue Vue3中使用Pinia，保姆级教程

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

前端 2025年05月22日 188 点赞 0 评论 4873 浏览

全局路由守卫-登录鉴权

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

前端 2025年06月12日 42 点赞 0 评论 4881 浏览

【附源码】解决pdf.js跨域并从url动态加载pdf文档

0. Abstract 当我们想用PDF.js从URL加载文档时，将会因遇到跨域问题而中断，且是因为会触发了PDF.js和浏览器的双重CORS block，这篇文章将会介绍：①如何禁用pdf.js的跨域？②如何绕过浏览器的CORS加载URL文件？②如何使用PDF.js动态加载URL文件？ Keywords: PDF.js , CORS , URL , 动态加载 , demo , 源码。 1. D

前端 2025年07月28日 138 点赞 0 评论 4904 浏览

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

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

前端 2025年10月11日 105 点赞 0 评论 4915 浏览

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

前端 2025年06月12日 185 点赞 0 评论 4932 浏览

vue 前端动态导入文件 import.meta.glob 导入图片

背景： 在开发过程中，前端会引入资源文件，这里主要是引入图片。在开发环境，导入的图片显示正常，但是打包部署后，导入的图片就不能正常显示。 原因分析，可能有如下几点： 1.图片不能显示，可能的后端对图片代理出错【后端问题】 2.图片不能显示，可能

前端 2025年10月08日 193 点赞 0 评论 4946 浏览