删除本地~/.ssh目录 C:\Users\MiaoJw\.ssh 设置用户名1git config --global user.name "Your Name" 设置邮箱1git config --global user.email "email@example.com" 生成key1ssh-keygen -t rsa -C "你的邮箱" 打开~/.ssh/id_rsa.pub（win C:\Users\name\.ssh\id_rsa.pub）并复制内容转到GitHub SSH and GPG keys并创建新的SSH keys，粘贴内容并保存 试验：1ssh -T git@github.com 显示Hi username! You've successfully authenticated, but GitHub does not provide shell access.即可!如果还有Connection closed by 20.205.243.166 port 22则执行步骤2! 添加配置 co ...

IntersectionObserver 接口（从属于 Intersection Observer API）提供了一种异步观察目标元素与其祖先元素或顶级文档视口（viewport）交叉状态的方法。其祖先元素或视口被称为根（root）。 当一个 IntersectionObserver 对象被创建时，其被配置为监听根中一段给定比例的可见区域。一旦 IntersectionObserver 被创建，则无法更改其配置，所以一个给定的观察者对象只能用来监听可见区域的特定变化值；然而，你可以在同一个观察者对象中配置监听多个目标元素。 属性 属性 描述 操作 root 测试交叉时，用作边界盒的元素或文档。如果构造函数未传入 root 或其值为null，则默认使用顶级文档的视口。 只读 rootMargin 计算交叉时添加到根边界盒 (en-US)的矩形偏移量，可以有效的缩小或扩大根的判定范围从而满足计算需要。此属性返回的值可能与调用构造函数时指定的值不同，因此可能需要更改该值，以匹配内部要求。所有的偏移量均可用像素（px）或百分比（%）来表达，默认值为 “0px 0px 0p ...

内容参考 引用站外地址 部署Memos备忘录参考地址 https://cloud.tencent.com/developer/article/2202992 引用站外地址 Memos官方地址 https://usememos.com/ 引用站外地址 参考Leonus大佬实现说说功能 https://blog.leonus.cn/2023/memeos.html 环境准备 安装docker 配 ...

效果 在自定义 css 文件内加入以下代码12345678910111213141516171819202122232425262728293031323334353637383940414243.snackbar-container { background-color: rgba(51, 27, 227, .8) !important; color: #fff!important; border-radius: 0!important; display: flex; justify-content: center; max-width: none!important; min-width: 100%!important; margin: 0; left: 0!important; height: 60px!important; transform: none!important; backdrop-filter: blur(84p ...

npm 基本概念npm 全称为 Node Package Manager，是一个基于 Node.js 的包管理器，也是 Node.js 社区最流行、支持的第三方模块最多的包管理器。它的初衷就是让开发人员更容易分享和重用代码。npm 提供了命令行工具，其主要功能是管理Node.js包，包括安装、更新、删除、查看、搜索、发布等。 npm 最初只是Node.js 的包管理器，但随着前端技术的不断发展，它的定位变成了广义的包管理器，可以实现JavaScript、React、Vue、Gulp、移动开发等包管理，是目前最大、生态最为健全的包管理器。 npm 能解决 Node.js 在模块管理上的很多问题，其常见的应用场景如下： 从npm镜像服务器下载第三方模块； 从npm镜像服务器下载并安装命令行程序到本地； 自己发布模块到npm镜像服务器供他人使用。 npm 不需要单独安装，在安装 Node.js 时，就会连带着一起安装 npm 了。但是安装的 npm 不一定是最新的版本，可以使用以下命令来查看本地 npm 的版本： 1npm -v 这里的 -v 是 --version 的缩写，表示版 ...

npm install核心流程大致分为以下5步： npm 向 registry 查询依赖压缩包的网址。 下载压缩包，存放在cache目录，供下次安装时使用。 解压压缩包到当前项目的node_modules目录。 把所有安装的包信息写入package-lock.json，供下次安装时使用。 继续处理依赖的依赖 install的过程速度也和每一个步骤息息相关：（1）共享工程package-lock.json，可以避免向registry查询的步骤，并且保证不同环境下安装包的一致性。（2）使用下载速度快的registry镜像（例如jd镜像）。（3）预先进行依赖关系分析构建依赖关系，然后最后再并行下载（例如yarn）。

魔术注释 魔术注释是由 Webpack 提供的，可以为代码分割服务的一种技术。通过在 import 关键字后的括号中使用指定注释，我们可以对代码分割后的 chunk 有更多的控制权，让我们看一个例子： 12345678910111213// index.js import ( /* webpackChunkName: "my-chunk-name" */ './footer' ) 同时，也要在 webpack.config.js 中做一些改动： // webpack.config.js { output: { filename: "bundle.js", chunkFilename: "[name].lazy-chunk.js" } } 通过这样的配置，我们可以对分离出的 chunk 进行命名，这对于我们 debug 而言非常方便。 Webpack Modes 除了上面提到过的 webpackChunkName 注释外，Webpa ...

路由懒加载 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。首先，可以将异步组件定义为返回一个 Promise 的工厂函数 (该函数返回的 Promise 应该 resolve 组件本身)： 1234const Foo = () => Promise.resolve({ /* 组件定义对象 */ }) 第二，在 Webpack 2 中，我们可以使用动态 import语法来定义代码分块点 (split point)： 1import('./Foo.vue') // 返回 Promise 注意: 如果您使用的是 Babel，你将需要添加 syntax-dynamic-import 插件，才能使 Babel 可以正确地解析语法。 结合这两者，这就是如何定义一个能够被 Webpack 自动代码分割的异步组件。 1 ...

obj?.obj 可选链插件@babel/plugin-proposal-optional-chaining 安装1npm install @babel/plugin-proposal-optional-chaining --dev 配置babel.config.js 123456789101112let plugins = [ '@babel/plugin-proposal-optional-chaining' // 该插件支持可选链语法]module.exports = { compact: false, presets: [ ['@vue/app', { useBuiltIns: 'entry' }] ], plugins: plugins} 案例123456789101112131415161718const obj = { foo: { bar: { baz: 42, },
...