单页应用/vue等页面未保存刷新关闭返回等确认提示

前言

单页应用,例如vue,react,项目中有些编辑页面不是时时保存的。用户做了半天,刷新了页面,或者关闭了页面,就需要重新制作。因此,刷新,返回,关闭页面的时候进行用户提示,显得很重要。但是这个单页应用,用户在刷新、关闭、历史返回中如何制作呢?这个问题,我很久之前就做过,只是感觉效果不尽如人意。因此也一直没有在博客中写相关文章。今天简单总结一下我的一些解决方案。假如大家有更好的方案,欢迎交流!

vue 路由守卫

刚刚查看了一下最先版本的Vue Router 官方文档,比以前的文档详细了一些。新版的Vue Router文档中,很详细的写了组件内的守卫

最后提到了如下方法:

win10删掉某个进程命令行记录

前言

本文纯粹是记录一个命令行,自己经常忘掉的。

主要是今天用vscode 的task起服务,关掉vscode后,发现端口还在,我启动另外一个相同端口的项目就换成了别的端口,无奈杀进程,但是发现杀进程的命令行忘记了,本文简单记录一下。

js数组并集,交集,差集的计算方式汇总

前言

今天主要总结一些js数组操作并集,交集,差集的一些方式。发现这些方式在工作用经常遇到,方法有很多种。今天主要总结一下我在工作用通常使用的方式,及一些简单的实现。其实我前面很多文章中都提及了我在工作中用的一些方式。例如:我前面文章讲includes方法,时候就提到了计算交集及差集。还有之前文章去重的方式,其实去重就是取并集的一种方式嘛!

一、new Set 方式实现

这种方式实现起来比较简单,原理就是参考new Set可以去重的功能 ,关于去重可以点击 https://www.haorooms.com/post/qd_ghfx 第17条。

new Set取并集

我封装了一个函数,可以取传入所有数组的并集,函数如下:

vscode中Tasks及Emmet的应用

前言

接上一篇,今天再来介绍2个vscode的使用技巧,一个是tasks,相当于脚本命令,一个是Emmet,emmet其实前面在我介绍sublime的时候写过。这篇文章是基于vscode,写下如何配置自定义代码片段。

vscode的Tasks 的应用

为什么要用tasks?

当我们需要运行命令的时候,需要调出命令行工具,然后再执行某个命令操作。但是有了tasks之后,我们可以直接在编辑器中运行。

vscode 能自动检测出 npm scripts,并把这些命令当成 task。接下来,我们可以通过 task 来执行某个 npm 脚本了。具体可以看:https://code.visualstudio.com/docs/editor/tasks#_task-autodetection

关于npm scripts,请看:https://docs.npmjs.com/misc/scripts