js
关注
分享
扫一扫
文章平均质量分 50
js
Los rain
这个作者很懒，什么都没留下…
展开
-
检查当前环境对es6的支持，es-checker
【代码】检查当前环境对es6的支持，es-checker。原创 2022-12-01 16:25:34 · 350 阅读 · 0 评论 -
构造函数、js原型、原型链、继承
构造函数、js原型、原型链、继承原创 2022-10-09 10:59:21 · 141 阅读 · 0 评论 -
MutationObserver监听 DOM 结构变化,IntersectionObserver监听元素是否进入了“视口“，图片懒加载，无限滚动，getComputedStyle()读取最终样式
MutationObserver监听 DOM 结构变化,IntersectionObserver监听元素是否进入了"视口"，图片懒加载，无限滚动，getComputedStyle()读取最终样式，getBoundingClientRect返回元素的大小及其相对于视口的位置，requestAnimationFrame优化cpu转载 2021-12-30 16:54:47 · 1846 阅读 · 1 评论 -
setTimeout,setInterval传递参数,setTimeout,setInterval使用
setTimeout,setInterval传递参数,setTimeout,setInterval使用一、setTimeout,setInterval正常使用setTimeout,setInterval传递参数一、setTimeout,setInterval正常使用// setTimeout匿名函数setTimeout(()=>{ console.log(1)}, 1000)// setInterval匿名函数setInterval(()=>{ console.log(1)},原创 2021-12-24 11:54:40 · 380 阅读 · 0 评论 -
window.removeEventListener失效问题，removeEventListener不能移除addEventListener解决办法
window.removeEventListener失效问题，removeEventListener不能移除addEventListener解决办法错误代码正确代码错误代码window.addEventListener('scroll', ()=>{ console.log('我在滚动')}, true);window.removeEventListener('scroll')正确代码function fn(){ console.log('我在滚动')}window.addEve原创 2021-12-22 15:14:15 · 5525 阅读 · 0 评论 -
同一个页面如何使用多个onresize,同一个窗口存在多个resize,vue中多个onresize解决办法
同一个页面如何使用多个onresize,同一个窗口存在多个resize,vue中多个onresize解决办法错误写法正确写法错误写法window.onresize = function(){ console.log('窗口发生变法1')}window.onresize = function(){ console.log('窗口发生变法2')}window.onresize = function(){ console.log('窗口发生变法3')}这样的写法，后面的window.onr原创 2021-12-22 15:07:19 · 1488 阅读 · 0 评论 -
vue使用jointJs,vue流程图、旅程图
vue使用jointJs,vue流程图、旅程图效果图安装使用组件中加入script创建画版实例化画布，把画布挂载到dom添加元素自定义元素事件交互效果图安装npm install --save jointjs使用// 引入jointjs和jointjs样式import 'jointjs/dist/joint.css'import * as joint from 'jointjs';组件中加入<div ref="myholder" id="paper" @drop="原创 2021-10-08 18:15:28 · 2196 阅读 · 0 评论 -
js获取窗口高宽，js获取文档高宽，js获取屏幕高宽，js获取屏幕分辨率...
js获取窗口高宽，js获取文档高宽，js获取屏幕高宽，js获取屏幕分辨率…网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body.scrollWidth网页正文全文高： document.body.原创 2021-12-07 11:41:20 · 412 阅读 · 0 评论 -
JS监听html内容变化，JS监听html文档高度变化，JS监听html元素的宽高变化
JS监听html内容变化，JS监听html文档高度变化，JS监听html元素的宽高变化代码代码// 添加监听代码let dom = document.querySelector('body')let MutationObserver = window.MutationObserver || window.webkitMutationObserver || window.MozMutationObserver;let mutationObserver = new MutationObserver(f原创 2021-12-06 17:46:05 · 1631 阅读 · 0 评论 -
在线协同办公，线上execl，纯前端execl，导入导出execl，spreadjs
在线协同办公，线上execl，纯前端execl，导入导出execl，spreadjs实例1实例2实例3spreadjs文档地址实例1在线演示地址实例2在线演示地址实例3在线演示地址spreadjs文档地址spreadjs原创 2021-11-26 09:44:16 · 220 阅读 · 0 评论 -
js、关闭或刷新浏览器弹出弹窗
js、关闭或刷新浏览器弹出弹窗H5VUEH5<html> <head> <style> </style> </head> <body> <script lang="typescript/js"> //初始化关闭 window.addEventListener("beforeunload", functi原创 2021-11-16 17:48:57 · 2458 阅读 · 0 评论 -
js 下载base64，File,Blob,ArrayBuffer格式文件
js 下载base64，File,Blob,ArrayBuffer格式文件file对象转base64base64 转 filebase64 转成blob 上传blob 转 base64blob 转成ArrayBufferbuffer 转成blob下载file对象转base64let reader = new FileReader(); reader.readAsDataURL(file[0]) console.log(reader)base64 转 fileconst base64Conver原创 2021-09-29 18:40:23 · 764 阅读 · 0 评论 -
常用正则表达式
常用正则常用正则常用正则正则说明整数^-?[1-9]\d*$正整数^[1-9]\d*$负整数^-[1-9]\d*$数字^[+-]?\d*.?\d+$浮点数^[+-]?\d*\.\d+$正浮点数^[1-9]\d*.\d*负浮点数^-([1-9]\d*.\d*邮箱地址^[A-Za-z0-9]+((.|@)[A-Za-z0-9]+)*.[A-Za-z0-9]+$颜色值匹配[a-fA-F0-9]{6}$url匹配原创 2021-10-25 15:34:10 · 166 阅读 · 0 评论 -
前端监控，数据采集与上报
前端监控，数据采集与上报数据采集性能数据采集FPFCPLCPCLSDOMContentLoaded、load 事件首屏渲染时间监听 DOM判断是否在首屏使用 requestAnimationFrame() 获取 DOM 绘制时间和首屏内的所有图片加载时间作对比优化接口请求耗时资源加载时间、缓存命中率判断该资源是否命中缓存浏览器往返缓存 BFC（back/forward cache）FPSVue 路由变更渲染时间错误数据采集资源加载错误js 错误promise 错误sourcemapVue 错误行为数据采集P转载 2021-10-14 15:50:17 · 1510 阅读 · 0 评论 -
前端下载文件，js下载文件，axios使用post下载文件，post下载文件，流文件下载，下载文件
前端下载文件，js下载文件，post下载文件，流文件下载，下载文件普通下载一、流文件下载自定义文件名普通下载在H5中，a标签新增了download 属性，包含该属性的链接被点击时，浏览器会以下载文件方式下载 href 属性上的链接。 <a href="http://aa.xlsx" download="http://aa.xlsx">下载</a>// 或者封装function download(href, title) { const a = document.c原创 2021-10-25 17:48:13 · 292 阅读 · 0 评论 -
History 对象,history添加和修改浏览历史记录,history.pushState()和history.replaceState()
History 对象,history添加和修改浏览历史记录,history.pushState（）和history.replaceState（）概述属性方法History.back()History.forward()History.go()History.pushState()History.replaceState()popstate 事件概述window.history属性指向 History 对象，它表示当前窗口的浏览历史。History 对象保存了当前窗口访问过的所有页面网址。下面代码表示当转载 2021-10-15 11:14:12 · 5469 阅读 · 0 评论 -
判断元素是否在当前屏幕内，获取当前元素的高宽，x,y,top,bottom
判断元素是否在当前屏幕内const viewportWidth = window.innerWidthconst viewportHeight = window.innerHeight// dom 对象是否在屏幕内function isInScreen(dom) { const rectInfo = dom.getBoundingClientRect() if (rectInfo.left < viewportWidth && rectInfo.top <原创 2021-10-14 11:25:49 · 225 阅读 · 0 评论 -
js下载table表为Excel
js下载table表为Exceljs代码HTML页面导出Exceljs代码<script src="./js/jquery.table2excel.js"></script> <script> $('#btn').click(function () { $("#print").table2excel({ //这里要选择table标签 我这里是用id选择 也可$('table').table2excel()转载 2021-09-30 15:51:45 · 745 阅读 · 0 评论