前端
前端｜Vue Vue3中使用Pinia，保姆级教程
为什么选择Pinia在构建大型或中型Vue应用时，组件之间的状态共享和管理是一个不可避免的挑战。Vue.js的官方状态管理库Vuex在过去几年里一直是解决这个问题的主流方案。但是，Vuex的复杂性和对TypeScript支持的限制促使社区寻找更简洁、更灵活的解决方案。这就是Pinia应运而生的背景。Pinia是Vue.js的一个全新状态管理库，由同一个团队
Vue3的setup基础
基本使用
setup内部定义的变量可通过return返回，这些变量和方法便可在模板中使用
基本使用
setup内定义的变量本事不具有响应式，即修改其内容时，页面不会发生改变，只有通过ref（基本数据类型）和reactive（复杂数据类型）才能让这些变量具有响应式。
赋予变量响应式
父子组件传值
父传子
子组件
父组件及效果
子传父
子组件调用父组件方
第四十四节:Vuex状态管理:辅助函数mapMutations与mapActions
前言说明:
大家已经知道vuex提供了mapState和mapGetter方法,方便我们获取state和getters
同样的vuex也提供了mapMutations 和mapActions方便操作mutations和actions方法
需要注意的是mapState和mapGetter是映射为计算属性,获取数据
而mapMutations 和mapActions是映射为组件methods方法,修
vue 前端动态导入文件 import.meta.glob 导入图片
背景：
在开发过程中，前端会引入资源文件，这里主要是引入图片。在开发环境，导入的图片显示正常，但是打包部署后，导入的图片就不能正常显示。
原因分析，可能有如下几点：
1.图片不能显示，可能的后端对图片代理出错【后端问题】
2.图片不能显示，可能
html2canvas：前端HTML转Canvas图像处理库
本文还有配套的精品资源，点击获取 简介：html2canvas是一个开源JavaScript库，用于在浏览器中将HTML内容渲染成Canvas元素，并可进一步转换成图片或进行图像处理。它通过解析DOM结构和样式，并绘制到Canvas上，支持文本、图像、形状等多种元素，以模拟浏览器的渲染过程。
Web 开发安全与最佳实践：MVC、会话管理与常见攻击防御
MVC模式MVC（Model-View-Controller）是一种广泛使用的软件设计模式，用于简化应用程序的开发过程。它通过分离数据访问、用户界面和业务逻辑，使得应用程序的结构更加清晰。MVC的组成部分1. Model（模型）
定义：代表应用程序的数据和业务逻辑。
职责：
如何用一行 CSS 实现 10 种现代布局
现代 CSS 布局使开发人员只需按几下键就可以编写十分有意义且强大的样式规则。上面的讨论和接下来的帖文研究了 10 种强大的 CSS 布局，它们实现了一些非凡的工作。
01. 超级居中：place-items: center
