前端

vue3,使用watch监听props中的数据

情况一:监听 props 中基本数据类型 父组件中对传入数据的处理 const handleClick = () => { testStr.value += 'P' } 子组件中监听传入的数据 watch( () => props.testStr, (newVal, oldVal) => { console.log('监听基本类型数据testS

Android Flow 与Live Data对比

[转]官方推荐 Flow 取代 LiveData,有必要吗? 更加详细的文章:不做跟风党,LiveData,StateFlow,SharedFlow 的使用场景对比 前言 打开Android架构组件页面,我们可以发现一些最新发布的jetpack组件,如Room,DataStore, Paging3,DataBinding 等都支持了Flow Google开发者账号最近也发布了几篇使用Flow的文章

vue 项目打包分析和优化

打包分析工具(webpack-bundle-analyzer) 分析 Bundle 由什么模块组成 分析什么模块占据了比较大的体积 分析是否有什么错误的模块被打包了 未优化前的代码2.85M image.png 安装及配置 npm install -D webpack-bundle-analyzer 配置环境变量 .env.analyze NODE_ENV = pro

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

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

【前端】Vue3+elementui+ts,TypeScript Promise<string>转string错误解析,习惯性请出DeepSeek来解答

🌹欢迎来到《小5讲堂》🌹 🌹这是《前端》系列文章,每篇文章将以博主理解的角度展开讲解。🌹 🌹温馨提示:博主能力有限,理解水平有限,若有不对之处望指正!🌹 目录 前言 报错信息 DeepSeek解答 问题原因 解

如何用一行 CSS 实现 10 种现代布局

现代 CSS 布局使开发人员只需按几下键就可以编写十分有意义且强大的样式规则。上面的讨论和接下来的帖文研究了 10 种强大的 CSS 布局,它们实现了一些非凡的工作。 01. 超级居中:place-items: center ![2.gif](

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

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

Web 开发安全与最佳实践:MVC、会话管理与常见攻击防御

MVC模式MVC(Model-View-Controller)是一种广泛使用的软件设计模式,用于简化应用程序的开发过程。它通过分离数据访问、用户界面和业务逻辑,使得应用程序的结构更加清晰。MVC的组成部分1. Model(模型) 定义:代表应用程序的数据和业务逻辑。 职责: