Windows MySQL备份bat脚本 🔗 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 @echo off rem ========== 可维

队列和双端队列 🔗双端队列是一种将栈的原则和队列的原则混合在一起的数据结构。 队列 🔗FIFO（First Input First Output）， 先进先出，新添加的元

Hyper-V虚拟机安装Arch Linux后，静态IP网络配置 🔗1. 安装Arch Linux 🔗虚拟机安装Arch Linux 2. 配置网络，固定静态IP 🔗虚拟机关机

vue3 内置Transition组件 🔗Transition 🔗Transition在vue源码中是一个高阶函数，为了兼容不同平台，这里把dom相关的

WSL2问题解决WslRegisterDistribution failed with error: 0x800701bc 🔗 开启 1 Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux 安装最新的wsl2 linux 内核 https://learn.microsoft.com/zh-cn/windows/wsl/install-manual#step-4—download-the-linux-kernel-update-package

vue3利用createVNode函数，建立命令式调用组件 🔗常规我们使用vue组件都是引用式的，先使用import引用，再在componen

Shell登录报 SSH connection failed: connect ECONNREFUSED 🔗通过VNC登录云服务器实例 🔗找到登录入口 找到vnc登录入口 查看sshd服务状态 🔗 1 netstat -tnlp | grep sshd 如果服务未启动 1 systemctl start

请求中获取浏览器推荐语言 🔗 1 2 3 4 5 6 7 8 9 10 11 12 let languages: string[] | undefined // get locale from cookie const localeCookie = request.cookies.get('locale') languages = localeCookie?.value ? [localeCookie.value] : [] if (!languages.length) { // Negotiator expects plain object so we need to transform headers const negotiatorHeaders: Record<string, string> = {} request.headers.forEach((value, key) => (negotiatorHeaders[key]

flutter 生命周期 🔗 createState(): When the Framework is instructed to build a StatefulWidget, it immediately calls createState() mounted is true: When createState creates your state class, a buildContext is assigned to that state. buildContext is, overly simplified, the place in the widget tree in which this widget is placed. Here’s a longer explanation. All widgets have a bool this.mounted property. It is turned true when the buildContext

双向链表 🔗 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65

堆和栈 🔗Queue 🔗 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 import LinkedList from "./LinkedList"; class Queue { constructor() { this.linkedList = new LinkedList(); } isEmpty() { return !this.linkedList.head; } peek() { if (this.isEmpty()) return null; return this.linkedList.head.value; } enqueue(value) { this.linkedList.prepend(value); } dequeue() { return this.linkedList.deleteHead();

Eventsource单向服务端推送 🔗单向服务端推送 服务端部分 🔗服务端需要设置返回头 1 "Content-Type": "text/event-stream" 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

链表 🔗链表是一种物理储存上非联系，数据元素的逻辑顺序通过链表中的指针链接次序，实现的一种线性储存结构。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

简易的事件监听 🔗 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 const createEvent = () => ({ events: {} as any, on(eventName: string, callback: Function) { this.events[eventName]?.push(callback) || (this.events[eventName] = [callback]); return () => { this.events[eventName] = this.events[eventName].filter( (e: any) => e !== callback ); }; }, emit(eventName: string, ...args: any[]) { const callbacks = this.events[eventName];

fork 的仓库在源仓库新增分支后更新 fork 仓库的分支 🔗1. 本地新增源仓库的远程地址 🔗 1 git remote add up xxxxxxx 2. 更新本地分支 🔗 1 git fetch up 分支名:分支名 3. 更新 fork repo 远程分

forwardRef 定义的组件添加静态属性 🔗 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 import React, { ReactNode, RefAttributes, ForwardRefExoticComponent } from 'react'; interface ModalProps { title: ReactNode; } interface ModalStaticProps { show(): void; hide(): void; } const STATIC_PROPS:

js 获取滚动父元素 🔗 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 const isScrollable = function (ele) { const hasScrollableContent = ele.scrollHeight > ele.clientHeight; const overflowYStyle = window.getComputedStyle(ele).overflowY; const isOverflowHidden = overflowYStyle.indexOf('hidden') !== -1; return hasScrollableContent && !isOverflowHidden; }; const getScrollableParent = function (ele) { return !ele || ele === document.body ? document.body : isScrollable(ele) ? ele