vue-loader源码解读
调试
新增script调试脚本
npm run debug后打开chrome://inspect/,即可看到对应位置断点
初始化
webpack的插件要求是一个包含了apply方法的对象，将被其自动回调
为loader打标记
当编译对象创建后，读取loader并标记vue-loader为true，表示用户通过plugin方
前端
极致的灵活度满足工程美学：用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、句柄
vue 前端动态导入文件 import.meta.glob 导入图片
背景：
在开发过程中，前端会引入资源文件，这里主要是引入图片。在开发环境，导入的图片显示正常，但是打包部署后，导入的图片就不能正常显示。
原因分析，可能有如下几点：
1.图片不能显示，可能的后端对图片代理出错【后端问题】
2.图片不能显示，可能
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
html2canvas：前端HTML转Canvas图像处理库
本文还有配套的精品资源，点击获取 简介：html2canvas是一个开源JavaScript库，用于在浏览器中将HTML内容渲染成Canvas元素，并可进一步转换成图片或进行图像处理。它通过解析DOM结构和样式，并绘制到Canvas上，支持文本、图像、形状等多种元素，以模拟浏览器的渲染过程。
【附源码】解决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
全局路由守卫-登录鉴权
const router = createRouter({
history,
routes,
})
router.beforeEach(async (to, from) => {
if (to.path === '/' || to.path.startsWith('/welcome') || to.path.startsWith('/sign_in')) {
return
前端｜Vue Vue3中使用Pinia，保姆级教程
为什么选择Pinia在构建大型或中型Vue应用时，组件之间的状态共享和管理是一个不可避免的挑战。Vue.js的官方状态管理库Vuex在过去几年里一直是解决这个问题的主流方案。但是，Vuex的复杂性和对TypeScript支持的限制促使社区寻找更简洁、更灵活的解决方案。这就是Pinia应运而生的背景。Pinia是Vue.js的一个全新状态管理库，由同一个团队
【前端】【Echarts】ECharts 词云图（WordCloud）教学详解
效果
ECharts 词云图（WordCloud）教学详解词云图是一种通过关键词的大小、颜色等视觉差异来展示文本数据中词频或权重的图表。它直观、形象，是数据分析和内容展示中的利器。本文将带你从零开始，学习如何用 ECharts 的 WordCloud 插件绘制词云图，涵盖基础配置、样式定制和多样化示例。
一、准备工作使用词云图
