logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

javascript监听页面刷新或者离开的事件onbeforeunload

一、onbeforeunload事件是干什么的javascript在监听页面加载的时候有onload事件,是在页面加载完成之后出发的事件,而onbeforeunload事件就是在即将离开当前页面(刷新或关闭)时触发,用来监听页面刷新或者退出,该事件并且会弹出对话框提示用户是留在当前页面还是离开;二、使用onbeforeunload事件onbeforeunload事件的使用也特别简单1、绑定在页面元

vscode前端开发必备扩展

1、Auto Close Tag:自动闭合html或者xml的闭合标签2、Auto Rename Tag:修改开始标签的时候,自动修改其对应的闭合标签。3、Beautify:美化javascript、css、sass、json等,使得代码更加易读清晰。4、Chinese (Simplified) Language Pack for Visual Studio Code:中文简体包(如果英文够好的话

javascript监听网络连通状态

监听网络状态在开发中很少使用,但是有时候确实需要的就是在持续运行的页面中监听网络的连接状况,来做出进一步的操作;下边就简单的介绍一下监听网络状态的事件和参数:1、监听网络状态的一个参数是navigator.onLine,如果当前网络是连通状态则该参数是true,否则是false;if (navigator.onLine) {console.log('网络连通');} else {console.l

解决新版chrome在http协议下无法调用摄像头和麦克风的问题

新版本的chrome浏览器,在http协议下安全性原因导致无法调用摄像头和麦克风,解决方法如下:方法一:在浏览器地址栏中输入“chrome://flags/#unsafely-treat-insecure-origin-as-secure”,回车,如下图,将该选项置为Enabled,在输入框中输入需要访问的地址,多个地址使用“,”隔开,然后点击右下角弹出的Relaunch按钮,自动重启浏览器之后就

chrome浏览器花屏,页面残留问题定位解决

在使用chrome浏览器开发的过程中,遇到过一次页面花屏事件,

js拖拽时禁止触发单击事件的方法三种方法

在一个元素既有拖拽事件,又有单击事件的时候,会发现每一次拖拽后都会触发元素的单击事件,所以我们得在拖拽事件的时候屏蔽掉元素的单击事件所绑定的方法。元素拖拽和单击事件触发的顺序是mosuedown,mousemove,mouseup,click,所以就需要针对这个事件顺序在拖拽的时候屏蔽单击事件。主要有以下三种方法来在拖拽事件中屏蔽掉单击事件的执行:1、监听mousemove事件,在mousemov

js利用FileReader读取本地文件或者blob

FileReader对象提供了异步读取存储在用户计算机上的文件的内容,使用 File或 Blob对象指定要读取的文件或数据,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。一、FileReader的使用注意:如果需要兼容低版本的浏览器,需要判断一下FileReader对象是否存在。if (window.FileReader) {let reader = new FileRea

cookie、localStorage和sessionStorage三者的区别

cookie、localstorage和sessionStorage三者都是在开发中用到的临时存储客户端会话信息或者数据的方法,下面就简单介绍一下三者的区别:一、存储的时间有效期不同1、cookie的有效期是可以设置的,默认的情况下是关闭浏览器后失效2、sessionStorage的有效期是仅保持在当前页面,关闭当前会话页或者浏览器后就会失效3、localStorage的有效期是在不进行手动删除的

vue项目的index.html缓存问题

众所周知,vue项目的js和css打包后的文件名称是哈希文件名,不会重复,但是有时候会碰到一个现象就是升级版本后,index.html发生了缓存,这样整个项目都会出现缓存问题,解决这个问题的方案就是在nginx中加上一项配置来解决。location = /index.html {add_header Cache-Control "no-cache, no-store";}该配置的大概意思是不缓存过

#缓存#vue.js#nginx
Already included file name ‘xxx.vue‘ differs from file name ‘xxx.vue‘ only in casing. The file is.

Already included file name 'd:/workspace//BodyTagNoteSet.vue' differs from file name 'd:/workspace/BodytagNoteSet.vue' only in casing. The file is in the program because: Imported via "./customForm/Bo

#vue.js#javascript
    共 16 条
  • 1
  • 2
  • 请选择