勇敢阿呆的部落阁

原创 删除Windows顽固启动项Program

卸载软件之后可能会遇到任务管理器中启动项显示有Program这种无效项目的情况。

原创 EditorConfig配置 - 笔记

【代码】EditorConfig配置 - 笔记。

原创 微信开发者工具安装使用SVN

目前微信开发者工具中仅集成了 Git 的版本控制工具。要想使用 SVN 的话，需要安装 SVN 插件，但是在微信开发者工具中的插件中心中搜索不到该插件。所以需要借助 VSCode 的插件市场安装。

原创 2022-03-07最新申请阿里云免费SSL证书的方法

突然找不到阿里云申请免费SSL入口的解决办法

原创 Vue中各种CSS深度选择器

Vue 2.x中可以使用 >>>、/deep/、::v-deep注意：Sass 对 >>> 可能存在无法解析的问题，建议使用后两者Vue 3.x中可以使用 :deep(el)参考链接：https://vue-loader.vuejs.org/zh/guide/scoped-css.html#深度作用选择器https://v3.cn.vuejs.org/api/sfc-style.html#深度选择器...

原创 npm查看已安装的包（全局、和本地）

查看全局已安装查看全局已安装（-g 的意思是 global 全局的意思）$ npm list -g会发现，会把包的所有依赖也显示出来加上层级控制显示深度：--depth 0$ npm list -g --depth 0这样就只会查到安装的包，并不会查到包的依赖。查看项目中已安装查看当前项目已安装包（项目跟目录必须有 package.json 文件）$ npm list同样也是会把所有包的依赖显示出来。同上，加上 --depth 0 就好了。$ npm list --depth

原创 npm清除缓存

npm 版本在 7.0.0 以上则不需要清除缓存。# npm version < 7.0.0$ npm cache clean -f# npm version ≧ 7.0.0 会报以下错误$ npm cache cleannpm ERR! As of npm@5, the npm cache self-heals from corruption issuesnpm ERR! by treating integrity mismatches as cache misses. As a

原创 tar.gz和tar.xz的解压方法及解压命令说明

tar.gz 是 gzip 格式的压缩包# 解压命令tar -zxvf 压缩包名.tar.gz -C 目标目录/tar.xz 是 xz 格式的压缩包# 解压命令tar -xvf 压缩包名.tar.xz -C 目标目录/-z 表示：通过 gzip 过滤归档（用 gzip 解压）-x 表示：从归档中解出文件（提取压缩包）-v 表示：详细地列出处理的文件（打印一大堆信息）-f 表示：使用归档文件或 ARCHIVE 设备（就是压缩文件）...

原创 Vite执行npm run serve后浏览器报Cannot GET /

在使用 Vite 时，想像以前执行 npm run serve 一样，查看生产环境的应用。在执行后并未发现异常，但在浏览器访问时，显示 Cannot GET /，说是找不到根目录。在网上查找解决方案，发现并没有结果。可能是还没有人踩到这个坑。查看了 package.json 文件中的 scripts，运行 npm run serve 执行的是 vite preview."scripts": { "dev": "vite", "build": "vue-tsc --noEmit &&a

原创 JavaScript Object Layout

原创 发布属于自己的npm包

什么是 NPM发布教程1. 去 NPM 官网注册账号2. 初始化项目$ npm initThis utility will walk you through creating a package.json file.It only covers the most common items, and tries to guess sensible defaults.See `npm help init` for definitive documentation on these field

原创 npm安装包时太慢怎么办？使用淘宝镜像站 or 切换官方镜像站

当使用 npm install <package> 时，由于 NPM 默认镜像站是在国外的原因，会导致下载速度非常慢，甚至下载失败。可以切换为国内的 淘宝镜像站临时使用（仅对本次有效）npm install <package> --registry https://registry.npm.taobao.org/长期使用（推荐，如果需要 发布 NPM 包 的话，不能使用这种配置，需要改回原镜像源）npm config set registry https://regist

原创 Vite启动后提示“Network: use `--host` to expose“，且无法通过网络IP访问服务

目录起因问题重现问题原因解决方法1. 修改 vite.config.js 配置2. 通过 Vite CLI 配置3. 修改 npm 脚本起因当使用 Vite 构建项目后，需要通过局域网中的电脑或手机访问服务调试时，发现通过 IP + 端口无法访问。问题重现当运行 npm run dev | serve 命令时，会显示一下内容。> vite-vue@0.0.0 serve /Users/UserName/Workspace/vue-vite> vite |

原创 ssh-keygen生成、创建密钥对，ssh-keygen介绍、基本使用

目录介绍密钥生成教程生成 ed25519 类型生成 rsa 类型选项说明选项 -t 的使用选项 -b 的使用选项 -C 的使用 （大写）介绍ssh-keygen 是一个认证密钥的生成、管理和转换的工具。采用密钥对的形式，生成一个私钥和一个公钥。可以用来做用于远程服务器的链接、Github 的 SSH 链接等。远程连接的流程可参考：https://blog.csdn.net/wh_19910525/article/details/7433164密钥生成教程

原创 Linux安装Java

yum$ yum search java | grep jdk会返回符合搜索的条目......java-1.7.0-openjdk...java-1.8.0-openjdk.i686 : OpenJDK Runtime Environment 8java-1.8.0-openjdk.x86_64 : OpenJDK 8 Runtime Environmentjava-1.8.0-openjdk-devel.i686 : OpenJDK Development Environment 8ja

原创 ElementUI的Table组件在无数据情况下让“暂无数据”文本居中显示

发现问题当有多列字段显示时，会出现底部滚动条。此时“暂无数据”文本是根据列平铺的总宽度居中。这样就导致初始时滚动条是在最左侧，那么“暂无数据”文本就会向右偏移。解决办法尝试设置“暂无数据”文本元素所在元素右侧内边距。/deep/ .el-table__empty-block { width: 100%; min-width: 100%; max-width: 100%; padding-right: 100%;}成功解决！如果你觉得此篇博客对你有帮助，请点个赞再走吧！

原创 Homebrew飞速安装卸载和更换还原镜像站

适用于 macOS or LinuxHomebrew 官网/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"/bin/bash -c "$(curl -fsSL http://lj218.github.io/homebrew/install.sh)"会提示输入密码（输入密码时不会显示。你只管输，）Password:Homebrew 更换阿里云镜像源

原创 Webpack 报错：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

我的版本“webpack”: “^5.7.0”,“webpack-cli”: “^4.2.0”,“webpack-dev-server”: “^3.11.0”在启动 webpack-dev-server 时，按照官网方法，出现运行报错。# 官网写法$ webpack-dev-server --open# 改成下面写法即可运行，--open 代表以什么打开$ webpack serve --open Chrome关于 --open Chrome 请查看另一位大佬博文 传送门...

原创 Mac 在执行命令时报错 xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), m...

Mac 在执行命令时报错，错误如下：xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun原因是运行的命令依赖使用 xcrun 但是无法找到开发工具 CommandLineTools。得知问题原因，我们只需要重新安装 xcode在终端执行以下命令会弹出

原创 CentOS 安装 NodeJS

Step 1拉取 Node 的 repo 源（示例版本为 12.x LTS）其他版本$ sudo curl -sL https://rpm.nodesource.com/setup_lts.x | bash -执行完以上内容之后，会在 /etc/yum.repo.d/ 目录下出现一个名为 nodesource-elx.repo 的文件。Step 2安装$ yum install nodejs...

原创 CentOS 安装 Docker（国内镜像站）

Step 1先卸载旧版本。（未安装过可以跳过）$ sudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ docker-latest-logrotate \

原创 CentOS 更改 yum 镜像源为阿里云镜像源

Step: 1确认 CentOS 版本，在终端中输入 $ cat /proc/version 会得到一下内容，el7 则代表为 CentOS 7 版本。Linux version 3.xx.x-xxxx.xx.x.el7.x86_64 (mockbuild@kbuilder.bsys.centos.org) (gcc version 4.x.x xxxxxxxx (Red Hat 4.x.x-xx) (GCC) ) #1 SMP Tue Jun 23 15:46:38 UTC 2020Step:

原创 JavaScript 加载（笔记）

默认加载<script src="http://localhost:80/test.js"></script>读到 script 标签，就下载并执行，并且阻塞后续文档元素加载。推迟加载 defer<script src="http://localhost:80/test.js" defer></script>读到 script 标签，就下载（但不会阻塞文档元素加载），下载完成后等文档元素加载完成后才执行。异步加载 async<scr

原创 JavaScript 中两个 !! 是什么意思？

两个 !! 号的意思是将 undefind、unll 强制转换为 Boolean 类型。let name = undefined;let age = null;console.log(name, age); // 结果为：undefined nulllet name1 = !name; // 单个 ! 号代表转换为相反的布尔值。console.log(name1); // 结果为：truelet name2 = !!name; // 两次转换，得到原本该有的布尔值。undefined

原创 Homebrew更换阿里云镜像源或还原官方镜像站

还原官方镜像站更换阿里云镜像站cd "$(brew --repo)"git remote set-url origin https://mirrors.aliyun.com/homebrew/brew.gitcd "$(brew --repo)/Library/Taps/homebrew/homebrew-core"git remote set-url origin https://mirrors.aliyun.com/homebrew/homebrew-core.git执行 brew upd

原创 Mac 升级 Nodejs

Mac 中把 Nodejs 和 npm 升级到最新版本。node -vnpm -vsudo npm cache clean -fsudo npm install -g nsudo n stablesudo npm install npm@latest -gnode -vnpm -v

原创 解决：java.lang.IllegalArgumentException：There is no PasswordEncoder mapped for the id null

在自定义配置类中加上一下内容即可@BeanPasswordEncoder passwordEncoder() { return new BCryptPasswordEncoder();}

转载 CSS 前缀

主流浏览器引擎前缀:-webkit- (谷歌, Safari, 新版Opera浏览器, 以及几乎所有iOS系统中的浏览器(包括iOS 系统中的火狐浏览器); 简单的说，所有基于WebKit 内核的浏览器)-moz- (火狐浏览器)-o- (旧版Opera浏览器)-ms- (IE浏览器 和 Edge浏览器)示例:-webkit-transition: all 4s ease;-moz-transition: all 4s ease;-ms-transition: all 4s ease;

原创 Mac无限双开微信

实现该操作需要安装插件：WeChatTweak功能阻止消息撤回消息列表通知系统通知正常撤回自己发出的消息客户端无限多开右键 dock icon 登录新的微信账号命令行执行：open -n /Applications/WeChat.app链接类型消息增强支持右键直接复制链接支持由系统默认浏览器直接打开重新打开应用无需手机认证UI界面设置面板支持 Alfred workflow支持 Launchbar action安装教程1. 克隆插件源码包（需使用

原创 Mac 出现 Operation not permitted（不允许操作）

在 Mac 中删除了一个普通用户，会残留一些文件在硬盘中，尝试删除后，在清空废纸篓时删除失败。然后又尝试使用 root 权限，在 Terminal 中删除，出现了 System Integrity Protection。查阅资料后，发现 Mac 电脑中的 SIP（System Integrity Protection）系统保护机制默认为启用状态，具有 rootless 机制。使用 root 权限也无法删除文件，所以只能暂时关闭这个保护机制，删除成功后在开启。1. 进入保护模式，重启时按住 Command

原创 VS Code 使用技巧

1. 快速输出 console.log()。安装插件：JavaScript (ES6) Code Snippets在编辑器中输入 clo + tab 键，或者输入 clg + tab 键，即可快速补全打印语句。

原创 CSS 中 !important 的用法

important 意为 重要的。.app { color: red !important;}#app { color: green;}以上代码最终结果为红色。在 CSS 选择器中，ID 选择器 > 类选择器，比 ID 选择器还优先的是 !important。

原创 用PC作为Mac的扩展屏

前言有时候会觉得一块屏幕不够用，我们可以外接一块显示屏（最简单直接的办法）。也可以使用 Mac 自带的隔空播放功能，这个功能有点类似无线投屏，配合其他 Mac、iPad 使用。如果手里没有其他 Apple 设备的话，只能去外界显示器实现了。总有些特殊的情况，比如说手里有一台老旧的 Windows 电脑，可不可以利用起来，作为 Mac 的扩展屏呢？答：可以的（需要借助三方软件，装在 Windows 电脑中）。以下教程针对 Mac 电脑，不适用 Windows 电脑。Windows 电脑不需要下

原创 Git 同时使用 Gitee 和 Github

生成/添加 SSH 公钥进入 /Users/你的用户名/.ssh/ 目录下。执行以下命令生成：$ ssh-keygen -t rsa -C "xxxxxxxxxx@xxx.com"在冒号后面输入：id_rsa_github第二遍配置 Gitee 时需要改成 id_rsa_gitee 和 Github 的区分开来。Generating public/private rsa key pair.Enter file in which to save the key (/Users/liuji

原创 IIFE是什么

(function () { statements})();这个函数会在定义时就被调用。当从改方法外部访问内部定义的变量时，会报：Uncaught ReferenceError: a is not defined 错误。说明该函数会有自己的块级作用域。

转载 ES6 入门教程

《ECMAScript 6 入门教程》是一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性。作者：阮一峰 官网地址

原创 VS Code 中 Vue 文件格式化为 2 个字符，改为 4 个字符无效的解决办法。

在设置中更改了缩进为 4 个字符，但是 Shift + Alt + F 格式化代码后，发现又变成两个缩进了。"editor.tabSize": 4解决办法由于安装了 Vetur 插件，插件中的设置会覆盖掉编辑器的设置。在设置中搜索：vetur.format.options.tabSize，将原有的数组 2 改为 4 成功解决问题。...

原创 Vue 限制 Style 样式仅作用于此组件

<!--添加“scoped”属性以将CSS限制到此组件--><style scoped>...</style>

原创 Spring Boot 启动时提示 WARN: Unable to start LiveReload server

经过尝试解决后，得出的结论是：LiveReload 的默认端口 35729 被占用。解决办法：在配置文件中更改 LiveReload 的默认端口号。application.properties 文件中加上，重启即可。spring.devtools.livereload.port=88888解决端口占用。Win + R 输入 cmd <回车> 进入 CDM。查找被占用的 35729 端口。netstat -aon | findstr 35729结束 PID 为

转载 转载 - 闲谈一下，ES3、ES4、ES5、ES6 分别是什么

转载传送门