Colourful的博客

问题复现

启动vue@2.6版本的项目时突然报错，查看webpack文档。原来webpack 5 不再自动 polyfill Node.js 的核心模块，这意味着如果你在浏览器或类似的环境中运行的代码中使用它们，你必须从 NPM 中安装兼容的模块，并自己包含它们。文档地址

在前端开发中，经常会遇到将内容复制到剪切板上的需求，复制文本，链接等。那么前端如何实现该功能呢？javascript中提供了两种API。

传统方法

早期实现复制到剪切板使用document.execCommand('copy')，实现方式如下：

1. 创建textarea元素，把要复制的内容设置为它的值。
2. 将元素设置为不可见，并插入到body元素中。
3. 聚焦到该元素，并且选中所有内容。
4. 执行document.execCommand('copy')命令，将内容复制到剪切板。移除textarea元素。

这种方法需要创建和移除textarea元素，需要设置元素不可见，代码相对复杂。在有些浏览器中，需要手动调用，否则无法复制成功。可以作为向后兼容来使用。

2024/4/10 上午9:23

PicGo+GitHub搭建个人免费图床，并在Typora中实现图片自定上传到GitHub

本文介绍使用PicGo+GitHub搭建免费图床，主要实现在Typora中写个人博客是图片可自动上传。

1. 新建GitHub仓库并进行配置

   ​

   注意需要设置为公共仓库

   

部署代码时需要输入用户名和密码

问题

在项目中同时引入rc-tree和rc-tree-select库之后，同时在全局样式文件global.less中分别引入两个库的样式文件

新建仓库

假设你已经有github账号，并且会基本操作。新建名称.github.io的仓库，设置为公共，不要私有。