前端 Lint 工具使用指南|前端前端工程化|前端工程化-lint-eslint-stylelint-commitlint-代码检查1. ESLint官网
ESLint 可以静态分析你的代码,得以让你快速发现代码中的错误部分。它内置于大多数文本编辑器中,你还可以将 ESLint 作为持续集成管道的一部分,在持续集成的过程中帮你检查代码。
1.1 安装
如果你使用 VSCode,记得安装 ESLint 插件
1npm insta ...
Hexo + Obsidian + Git 完美的博客部署与编辑方案|其他|Hexo-Obsidian-自动化1. 前言在之前的文章《Hexo 快速搭建指南》中,重点讲解了如何搭建以及部署博客。但是在后期写博客的过程中,有可能遇到很多麻烦,比如:
我不想手动维护文章的 Categorys,我想以文件目录的形式管理文章分类
VSCode 编写 Markdown 文件不爽,我想用其他的编辑器来写 Markdo ...
ElementPlus Webpack 下按需引入|前端Vue|webpack-Vue-Element-Plus1. 引入方案官方说明:链接
我们需要在 Webpack 配置里添加两个 Plugin:
123456789101112131415import autoImport from 'unplugin-auto-import/webpack';import components fr ...
Vuex Typescript 支持|前端Vue|Vue-Vuex1. 定义1.1 定义入口模块入口 /src/store/index.ts :
123456789101112131415161718192021222324252627282930import type {InjectionKey} from 'vue';i ...
Git 修改已提交的 commit 中的信息|Git|Git修改某次 Commit调用 git log 查看 要修改的 commitId 前的一个 commitId
然后调用:
1git rebase -i <commit id>
进入 rebase 模式后,按 i 进入编辑模式,将修改的 commit 状态修改为 edit:
12修改前:pi ...
Hexo 快速搭建指南|其他|Hexo1. 安装与使用 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 包编写声明文件|前端Javascript1. 如何查看当前包是否有现成的声明文件?在我们尝试给一个 npm 包创建声明文件之前,需要先看看它的声明文件是否已经存在。一般来说,npm 包的声明文件可能存在于两个地方:
与该 npm 包绑定在一起。判断依据是 package.json 中有 types 字段,或者有一个 index.d.t ...
不花一分钱,把老旧安卓手机改为Linux服务器,并实现内网穿透|其他|Linux0. 前言前一阵子,突然想搞个树莓派玩玩,但是一看某宝,之前顶天也就300块钱的树莓派现在竟然四五百起,新款的都到七八百了,闲鱼也都要价要疯了。
作为不可能多花一分钱给黄牛的我,突然想要家里还有太不用的小米 mix3(淘一台二手手机也比买树莓派强啊),要是能发挥这台手机的性能,那不比树莓派高多了!
...
浅谈 Content Security Policy(CSP) 内容安全策略|前端浏览器|网络安全-XSS1. 何为 CSPCSP 是一种有效防止用户浏览器页面安全的一种策略,通过设置 CSP,浏览器能够阻止恶意的 XSS 攻击。
举个例子:
在某一博客类的网站上,用户可以插入任何富文本内容。于是黑客就向页面插入了一个恶意的图片链接,浏览器加载了图片,就发送了一个 GET 请求。但我们无法保证图片的链接 ...