前端｜Vue Vue3中使用Pinia，保姆级教程
为什么选择Pinia在构建大型或中型Vue应用时，组件之间的状态共享和管理是一个不可避免的挑战。Vue.js的官方状态管理库Vuex在过去几年里一直是解决这个问题的主流方案。但是，Vuex的复杂性和对TypeScript支持的限制促使社区寻找更简洁、更灵活的解决方案。这就是Pinia应运而生的背景。Pinia是Vue.js的一个全新状态管理库，由同一个团队
前端
【附源码】解决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
React学习之——条件渲染(个人笔记)
React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样，使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态，然后让 React 根据它们来更新 UI。
if运算符
function UserGreeting(props) {
return <h1>Welcome back!</h1>
全局路由守卫-登录鉴权
const router = createRouter({
history,
routes,
})
router.beforeEach(async (to, from) => {
if (to.path === '/' || to.path.startsWith('/welcome') || to.path.startsWith('/sign_in')) {
return
极致的灵活度满足工程美学：用Vue Flow绘制一个完美流程图
目录极致的灵活度满足工程美学：用Vue Flow绘制一个完美流程图一、环境要求二、初识Vue Flow2.1、安装Vue Flow2.2、Vue Flow构成2.3、一个小坑2.4、入门案例三、Vue Flow优秀的自定义功能3.1、引入3.2、节点与连线的自定义①打样（做模板）②模版取名③替换模版 3.3、节点与连线的事件①节点事件②连线事件3.4、句柄
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 组件间通信有哪几种方式
Vue 组件间通信主要指以下 3 类通信：父子组件通信、隔代组件通信、兄弟组件通信
1.props / $emit 适用 父子组件通信
props是父组件将值传给子组件，$emit是子组件通过派发事件的方式将值传给父组件
2.ref 与 $parent / $children 适用 父子组件通信
1）ref：如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指
vue-loader源码解读
调试
新增script调试脚本
npm run debug后打开chrome://inspect/,即可看到对应位置断点
初始化
webpack的插件要求是一个包含了apply方法的对象，将被其自动回调
为loader打标记
当编译对象创建后，读取loader并标记vue-loader为true，表示用户通过plugin方
前端流式输出实现详解：从原理到实践
前端流式输出实现详解：从原理到实践
前言
一、流式输出核心原理
1.1 什么是流式输出？
1.2 技术优势对比
1.3 关键技术支撑
二、原生JavaScript实现方案
2.1 使用Fetch API流式处理
关键点解析：
2.2 处理SSE（Server-Sent Events）
