前端｜Vue Vue3中使用Pinia，保姆级教程
为什么选择Pinia在构建大型或中型Vue应用时，组件之间的状态共享和管理是一个不可避免的挑战。Vue.js的官方状态管理库Vuex在过去几年里一直是解决这个问题的主流方案。但是，Vuex的复杂性和对TypeScript支持的限制促使社区寻找更简洁、更灵活的解决方案。这就是Pinia应运而生的背景。Pinia是Vue.js的一个全新状态管理库，由同一个团队
前端
Vue 组件间通信有哪几种方式
Vue 组件间通信主要指以下 3 类通信：父子组件通信、隔代组件通信、兄弟组件通信
1.props / $emit 适用 父子组件通信
props是父组件将值传给子组件，$emit是子组件通过派发事件的方式将值传给父组件
2.ref 与 $parent / $children 适用 父子组件通信
1）ref：如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指
全局路由守卫-登录鉴权
const router = createRouter({
history,
routes,
})
router.beforeEach(async (to, from) => {
if (to.path === '/' || to.path.startsWith('/welcome') || to.path.startsWith('/sign_in')) {
return
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
git stash 和 git stash pop 的用法
git stash 和 git stash pop 是 Git 中用来临时保存和恢复未提交更改的命令。它们通常用于在当前工作中切换到其他分支时保存工作进度。
git stash：
该命令用于将当前工作目录和暂存区（staging area）中的修改暂时保存到一个新的 stash 中，并将工作目录恢复到与上次提交一致的状态。
使用方式
vue-loader源码解读
调试
新增script调试脚本
npm run debug后打开chrome://inspect/,即可看到对应位置断点
初始化
webpack的插件要求是一个包含了apply方法的对象，将被其自动回调
为loader打标记
当编译对象创建后，读取loader并标记vue-loader为true，表示用户通过plugin方
iframe的父子页面通信
平时工作中有时会遇到页面嵌套的情况，一般是用iframe解决。那么，两个页面如何通信呢？下面分两种情况进行：
一、父子页面同源的情况
现在有两个不同源的iframe嵌套页面，父页面parent.html,子页面child.html，二者代码如下：
// parent.html
// ...
<iframe
id='testIframe'
name='test'
src='./ch
前端流式输出实现详解：从原理到实践
前端流式输出实现详解：从原理到实践
前言
一、流式输出核心原理
1.1 什么是流式输出？
1.2 技术优势对比
1.3 关键技术支撑
二、原生JavaScript实现方案
2.1 使用Fetch API流式处理
关键点解析：
2.2 处理SSE（Server-Sent Events）
Vue中的keep-alive是什么意思？以及如何使用
一、keep-alive是什么？
<keep-alive>是vue内置的一个组件，能在组件的切换的过程中将状态保留在内存中，防止重复渲染DOM 包裹动态组件的时候，会缓存不活动的组件实例，而不是销毁他们！
<keep-alive>是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件中，作为标签使用 包裹在需要缓存的组件中
注意：
1. include 字符串
