ElementPlus Webpack 下按需引入
1. 引入方案官方说明:链接 我们需要在 Webpack 配置里添加两个 Plugin: 123456789101112131415import autoImport from 'unplugin-auto-import/webpack';import components fr ...

Vuex Typescript 支持
1. 定义1.1 定义入口模块入口 /src/store/index.ts : 123456789101112131415161718192021222324252627282930import type {InjectionKey} from 'vue';i ...

Git 修改已提交的 commit 中的信息
修改某次 Commit调用 git log 查看 要修改的 commitId 前的一个 commitId 然后调用: 1git rebase -i <commit id> 进入 rebase 模式后,按 i 进入编辑模式,将修改的 commit 状态修改为 edit: 12修改前:pi ...

Hexo 快速搭建指南
1. 安装与使用 Hexohexo 官方网站:链接 1.1 安装全局安装 hexo-cli ,用以创建 hexo 项目: 1npm install hexo-cli -g 安装完成后,就可以在终端使用 hexo 指令了,可以使用以下指令创建一个 hexo 项目: 123hexo init hexo ...

使用 husky 每次提交时进行代码检查
Husky 简述了解 Husky 前就必须先了解一下 GitHook 是什么,GitHook 可以在执行代码的 commit、push、rebase 等阶段前触发,做一些前置行为,比如在每次提交代码时候执行一段 shell 脚本,来做一些代码检查或者通知 ci 等操作。 但是对于如何使用好 GitH ...

为第三方 npm 包编写声明文件
1. 如何查看当前包是否有现成的声明文件?在我们尝试给一个 npm 包创建声明文件之前,需要先看看它的声明文件是否已经存在。一般来说,npm 包的声明文件可能存在于两个地方: 与该 npm 包绑定在一起。判断依据是 package.json 中有 types 字段,或者有一个 index.d.t ...

不花一分钱,把老旧安卓手机改为Linux服务器,并实现内网穿透
0. 前言前一阵子,突然想搞个树莓派玩玩,但是一看某宝,之前顶天也就300块钱的树莓派现在竟然四五百起,新款的都到七八百了,闲鱼也都要价要疯了。 作为不可能多花一分钱给黄牛的我,突然想要家里还有太不用的小米 mix3(淘一台二手手机也比买树莓派强啊),要是能发挥这台手机的性能,那不比树莓派高多了! ...

浅谈 Content Security Policy(CSP) 内容安全策略
1. 何为 CSPCSP 是一种有效防止用户浏览器页面安全的一种策略,通过设置 CSP,浏览器能够阻止恶意的 XSS 攻击。 举个例子: 在某一博客类的网站上,用户可以插入任何富文本内容。于是黑客就向页面插入了一个恶意的图片链接,浏览器加载了图片,就发送了一个 GET 请求。但我们无法保证图片的链接 ...

macOS 下安装php指南
1. 前言macOS 自带 PHP,以 Big Sur 为例,自带 PHP7.3: 1234567$ php --versionWARNING: PHP is not recommendedPHP is included in macOS for compatibility with legacy ...

[CSS Trick] CSS渐变遮罩的实现
1. 前言在设计稿中,经常遇到渐变场景,说到渐变那必须要谈及 linear-gradient,这里推荐去看《CSS 揭秘》一书中对渐变的介绍。 大部分我们都是在 background 中去使用 linear-gradient,来实现一个渐变背景。但是在一些场景下,我们希望内容部分有个整体的渐变,比如 ...