前端销纸

2022年3月18日

摘要： function dataURLtoFile(dataurl, filename) { let arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8a 阅读全文

posted @ 2022-03-18 14:35 前端销纸阅读(376) 评论(0) 推荐(0) 编辑

强制关闭页面

摘要：强制关闭页面并打开一个空白页 function CloseWebPage(){ if (navigator.userAgent.indexOf("Firefox") !== -1 || navigator.userAgent.indexOf("Chrome") ! 1) { window.locat 阅读全文

posted @ 2022-03-18 14:33 前端销纸阅读(107) 评论(0) 推荐(0) 编辑

如何监听页面显示与隐藏（切屏）事件

摘要： window.addEventListener('visibilitychange',callback) document.visibilityState "hidden" //该属性用于判断是否隐藏阅读全文

posted @ 2022-03-18 14:32 前端销纸阅读(284) 评论(0) 推荐(0) 编辑

如何监听浏览器回退事件

摘要： history.pushState(null, null, document.URL); window.addEventListener("popstate", watchPopEvent,false) 阅读全文

posted @ 2022-03-18 14:26 前端销纸阅读(134) 评论(0) 推荐(0) 编辑

2022年2月23日

[vue]异步组件

摘要： Vue2 Vu3中异步加载组件 vue2 component:{ AsyncComponents: () ⇒ import(path) } vue3 基本使用 components:{ AsyncComponent: defineAsyncComponent(()=>import(path)) } 阅读全文

posted @ 2022-02-23 20:40 前端销纸阅读(55) 评论(0) 推荐(0) 编辑

2022年2月9日

JS设计模式-状态模式

摘要： JS设计模式-状态模式 1.原代码假设我们期望给按钮绑定事件以实现关灯->弱光->强光->关灯的效果按照一般性思维我们得到了以下代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv 阅读全文

posted @ 2022-02-09 00:41 前端销纸阅读(78) 评论(0) 推荐(0) 编辑

2022年2月6日

JS设计模式-命令模式

摘要： JS设计模式-命令模式 1.面向对象模式看以下代码，用面向对象的方式实现命令模式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I 阅读全文

posted @ 2022-02-06 22:54 前端销纸阅读(36) 评论(0) 推荐(0) 编辑

2022年2月5日

JS设计模式-责任链模式

摘要： JS设计模式-责任链模式 1. 看以下代码 function distributePrizes(payMethod, isPay, prizesCount) { //充值五百 if (payMethod 500) { if (isPay) { console.log("恭喜获得100块礼品卷"); 阅读全文

posted @ 2022-02-05 23:25 前端销纸阅读(101) 评论(0) 推荐(0) 编辑

2022年2月4日

JS设计模式-适配器模式

摘要： JS设计模式-适配器模式当数据格式要求等发生变化时我们往往采用适配器模式小例子 function getBeijingCity() { var address = [ {name:'chaoyang',id:101}, {name:'haiding',id:102} ] return addre 阅读全文

posted @ 2022-02-04 22:48 前端销纸阅读(95) 评论(0) 推荐(0) 编辑

2022年2月3日

JS设计模式-发布订阅模式

摘要： JS设计模式-发布订阅模式 1.什么是发布订阅模式 "一对多的关系" btn.addEventListener('click',fn1) btn.addEventListener('click',fn2) btn.addEventListener('click',fn3) 当初发点击事件时，上述绑定阅读全文

posted @ 2022-02-03 16:47 前端销纸阅读(72) 评论(0) 推荐(0) 编辑

公告