为了区分浏览器的刷新和关闭，可以利用window对象的onbeforeunload和onunload事件。这两个事件在浏览器关闭和刷新时都会触发，但是它们的执行顺序不同，可以通过判断它们之间的时间差来区分浏览器的刷新和关闭。 letbeginTime=0;//执行onbeforeunload的开始时间 window.onbeforeunload=function(){ beginTime=newDate().getTime(); } window.onunload=function(){ letdifferTime=newDate().getTime()beginTime; if(di...

Monaco-editor，一个vscode编辑器，需要将其集成到项目。不说闲话了，直接上代码。  npm地址：https://www.npmjs.com/package/monaco-editor 中文文档：https://aydk.site/editor/ 安装： pnpmaddmonaco-editor-S pnpmaddvite-plugin-monaco-editor-D 配置：  vite.config.ts import{defineConfig}from'vite' //vscode编辑器配置 importmonacoEditorPluginfro...

 npmjs: https://www.npmjs.com/package/epubjs  在线电子书转换器 安装： npmiepubjs 简单封装：   src/hooks/ importEpubfrom"epubjs"; importtype{Book,Rendition}from'epubjs' importtype{BookOptions}from'epubjs/types/book' importtype{RenditionOptions}from'epubjs/types/rendition' exportfunction...

我们在vue项目中，使用vue-router跳转的时候，在某些需求中可以使用router.resolve({path:'/test'})，返回一个返回一个路由地址的规范化版本，其中包含href属性，那我们就可以使用window.open()来打开一个新的浏览器页签跳转至某个vue页面。这篇就是要说一下之间的通信。 例如我从A.vue页面通过window.open跳转至B.vue页面，那么我们称A页面为父页面，B页面为子页面。 我们可以在子页面中通过window.opener拿到父页面的window。当然我们可以使用postMessage进行通信，之前写过一篇关于postMessage的文章...

说一下Animate.css这个动画库，很多的动画在这个库里面都定义好了，我们用的时候可以直接使用里面的类名就可以了，就是直接目标元素绑定对应的类名就可以实现动画效果，非常方便，库其实也相对简单，使用起来也简单。这里示例就以v3为例了，v2也是一样的 github：https://github.com/animate-css/animate.css  官网：https://animate.style/  首先安装 pnpmaddanimate.css 引入  main.js  import'animate.css' 使用 接下来就可以正常使用了...

在vue3中我们可以使用@wangeditor/editor、@wangeditor/editor-for-vue来实现其功能 npm地址：https://www.npmjs.com/package/@wangeditor/editor-for-vue/v/5.1.12?activeTab=readme 官网：Editor  1.安装 pnpmadd@wangeditor/editor 或者npminstall@wangeditor/editor--save pnpmadd@wangeditor/editor-for-vue@next 或者npminstall@wangedit...