史上最强的Kafka可视化WebUI工具，涵盖多种功能
Kafka Web UI By LCCgithub地址GitHub - lichengchuan/KafkaWebUIByLCC: Kafka Web UI By LCC 是一个专为简化Apache Kafka集群管理和操作而设计的图形化用户界面（GUI）。该项目旨在为开发者、运维人员和数据科学家提供一个直观且易用的平台，以进行Kafka主题（
前端
git stash 和 git stash pop 的用法
git stash 和 git stash pop 是 Git 中用来临时保存和恢复未提交更改的命令。它们通常用于在当前工作中切换到其他分支时保存工作进度。
git stash：
该命令用于将当前工作目录和暂存区（staging area）中的修改暂时保存到一个新的 stash 中，并将工作目录恢复到与上次提交一致的状态。
使用方式
前端流式输出实现详解：从原理到实践
前端流式输出实现详解：从原理到实践
前言
一、流式输出核心原理
1.1 什么是流式输出？
1.2 技术优势对比
1.3 关键技术支撑
二、原生JavaScript实现方案
2.1 使用Fetch API流式处理
关键点解析：
2.2 处理SSE（Server-Sent Events）
vue-loader源码解读
调试
新增script调试脚本
npm run debug后打开chrome://inspect/,即可看到对应位置断点
初始化
webpack的插件要求是一个包含了apply方法的对象，将被其自动回调
为loader打标记
当编译对象创建后，读取loader并标记vue-loader为true，表示用户通过plugin方
Vue 组件间通信有哪几种方式
Vue 组件间通信主要指以下 3 类通信：父子组件通信、隔代组件通信、兄弟组件通信
1.props / $emit 适用 父子组件通信
props是父组件将值传给子组件，$emit是子组件通过派发事件的方式将值传给父组件
2.ref 与 $parent / $children 适用 父子组件通信
1）ref：如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指
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 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、句柄
全局路由守卫-登录鉴权
const router = createRouter({
history,
routes,
})
router.beforeEach(async (to, from) => {
if (to.path === '/' || to.path.startsWith('/welcome') || to.path.startsWith('/sign_in')) {
return
React学习之——条件渲染(个人笔记)
React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样，使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态，然后让 React 根据它们来更新 UI。
if运算符
function UserGreeting(props) {
return <h1>Welcome back!</h1>
【附源码】解决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
