人生只有一次,大胆的生活!

原生JavaScript实现ClickOutside事件
虽然我没用过Element-UI,但是我在别人的项目里见过,Element-UI 里有个element-ui/src/utils/clickoutside,我觉得这个很好用 不过还没支持 vue3,虽然我不用 Element-UI,但是的想用里面的 clickoutside.js,我不可用为了一个功能而去安装整个框架 想着把这个功能提取出来用,提取的时候发现,它压根就不能在 vue3 中使用,只能在 vue2 中使用 随后就直接着手自己用原生 js 写了一个(我是 vue 新手,很多东西都不是很懂) 浏览器核心代码/** * 点击目标元素区域外部触发事件 * @param {Element} targetEle 目标元素 * @param {Function} callback 点击目标元素外部触发回调 * @param {Element} currentEle 当前点击的元素,默认null * @param {Boolean} clean 是否清理事件,默认true */function Click...
VSCode 1.60.x 版本更新后控制台变回默认系统命令行
最近 VSCode 更新后,出现了打开控制台后不是自己之前设置得控制台了(博主的是 Git Bash)直接变成PowerShell,昨天用着还好好的,今天就变了,上网查了一下,很多人都是从 1.5x.x 本本开始就遇到的问题,我这里是今天(2021-9-4)才出现的状况. 就在我正在写这篇文章的时候官网突然更新了,就在两点半的时候我看的文档,现在三点半了,文档居然变了 此项已弃用,配置默认 shell 的新推荐方法是在 #terminal.integrated.profiles.windows# 中创建一个终端配置文件,并将其配置文件名称设置为 #terminal.integrated.defaultProfile.windows# 中的默认值。此操作当前将优先于新的配置文件设置,但将来会发生更改。 官网: https://code.visualstudio.com/docs/editor/integrated-terminal#_configuration // 官方配置{ "terminal.integrated.profiles.windows...
git清空所有comment记录(含远程仓库)
当你再开发的时候,新建了一个仓库进行版本控制,每天晚上都会把当天完成内容push到仓库可到准备发布时,你不想让别人看到你的烂代码你可能会选择重命名仓库,然后再新建仓库,从而得到之前仓库的昵称,你也可能会选择全部清空所有提交记录本篇内容主要记录一下清空仓库的所有提交记录 正文创建orphan分支 关于orphan分支是什么,可以直接去官网看更详细的说明orphan: 创建一个一个无提交记录的分支,如果只是创建了分支,而未有任何提交记录,其实它并没有创建 git checkout --orphan test # 分支名自定义 添加所有文件到暂存区 git add . 提交到本地仓库 git commit -m'commit message' 删除原本的分支(master) git branch -D master 重命名当前分支 git branch -m master push到远程仓库 git push origin master --force## 这里要使用强行提交,因为你本地的提交记录和远程仓库的不一致,无法匹配被拒绝push## --fo...
NodeJS获取路径
NodeJS获取路径中的:__dirname、process.cwd()、process.execPath有什么区别 __dirname获取当前js文件所在路径 注意:是获取当前js文件所在路径,而部署获取当前js文件的文件路径 // G:\Desktop\AWStats\test.jsconsole.log(__dirname) // G:\Desktop\AWStats process.cwd()获取node命令启动路径 简而言之:命令行当前位置在哪,获取的就是哪的路径 // G:\Desktop\AWStats\test.js// cd G:\Desktop\AWStats// run: node test.jsconsole.log(process.cwd()) // G:\Desktop\AWStats// cd G:\Desktop\AWStats\themes// run: node ../test.jsconsole.log(process.cwd()) // G:\Desktop\AWStats\themes process.execPath执行此j...
webpack打包时ES6导出和CommonJS导出混用的一些报错问题总结
就在今天2021-8-27,我用 webpack 打包的时候遇到了几个问题 第一个问题:ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: xxxxx 第二个问题:regeneratorRuntime is not defined 解决第一个问题:ES6 导出和 CommonJS 导出不能混用,用了就会报如上方的错误信息这个问题其实是在打包的 时候经过bablejs处理过程中产生的问题,修改bable.config.js(这里我用的是js文件配置,其他自己处理)配置文件下添加sourceType:unambiguous关于 sourceType 的一些详细内容,可以参考官方解释: https://babeljs.io/docs/en/options#sourcetype module.exports = { presets: [ [ "@babel/preset-env", { ...