lys20000913的博客

JS根据时区获取时间

JS实现复制功能兼容IOS、IOS通过JS实现复制功能

JS实现多线程 解决定时器不可靠/不准确

JS实现千分位分隔符；VUE3全局实现千分位分隔物 财务数字方法；VUE3使用自定义指令实现全局千分位分隔 财务数字

获取浏览器版本环境

JS监听网络连接状态

向input光标处插入内容

判断数据是否为纯数字

前端实现下载图片文件/mp3/mp4/音视频/pdf等。简洁高效通用方法。

Blob转File const blob = new Blob(['{"a":1}')], { type: 'application/json' }) let file = new File([blob], "自定义上传文件名称.json", { lastModified: Date.now() }); Blob转base64blobToBase64(blob) { return new Promise((resolve, reject) => { cons

检查报错路径中是否使用到Promise如果使用到检查reject的时候是否 写了.catch没有.catch的只有.then的话加上.catch即可例： new Promise((resolve,reject)=>{ reject() }).then(res=>{ }).catch(err=>{ })...

通过正则替换字符串中所有匹配字符，解决replaceAll兼容性问题

function copy(val) { let transfer = document.createElement('input') document.body.appendChild(transfer); transfer.value = val; transfer.focus(); transfer.select(); if (document.execCommand('copy')) { document.execCommand(

目前这个解决方案应该是最简单的了 在 window.handleClick中可以随意操作

//中文转拼音 chineseToEnglish = function(c){ var idx = -1; var MAP = 'ABCDEFGHJKLMNOPQRSTWXYZ'; var boundaryChar = '驁簿錯鵽樲鰒餜靃攟鬠纙鞪黁漚曝裠鶸蜶籜鶩鑂韻糳'; if (!String.prototype.localeCompare) { thro...

if(!window.mycache){ window.mycache = (function(){ // 闭包变量 var cache = {} // 限制长度 var cacheArr = [] return { get(api){ return new Promise((resolve,reject)=>{ i

效果如图看一下缩放代码1、通过自定义指令 + 鼠标事件实现 // 自定义指令 directives:{ /* 指令钩子函数会被传入以下参数： el：指令所绑定的元素，可以用来直接操作 DOM 。 binding：一个对象，包含以下属性： name：指令名，不包括 v- 前缀。 value：指令的绑定值，例如：v-my-directive=“1 + 1” 中，绑定值为 2。 oldValue：指令绑定的前一个值，仅在

/** * 获取随机颜色 十六进制 */ getRandomColor(){ return '#' + Math.floor( Math.random() * 0xffffff ).toString(16) }

上传限制仅svg //二者均可 accept="image/svg+xml" accept=".svg" 显示SVG//svg是链接的展示方式<embed v-if="editData.obj.svgUrl" :src="editData.obj.svgUrl" width="72" height="72" type="image/svg+xml" />//svg是代码的展示方式（直接使用v-html即可） <div v-html="editD

/* *做记录使用 具体查看 FileSaver 文档*/ FileSaver.saveAs( new Blob([JSON.stringify(JSON数据)], { type: "application/json;charset=utf-8", }), "data.json" );

将内容复制到剪切板 // 复制的方法 function copyText(text, callback){ // text: 要复制的内容， callback: 回调 var tag = document.createElement('input'); tag.setAttribute('id', 'cp_hgz_input'); tag.value = text; documen

解决方案无非两种1、切换GIS地图2、转换坐标解决方案 1//切换地图就不多说看文档esri-》Map-》basemap解决方案 2 //首先查看GIS坐标系 map.spatialReference // 102100 投影坐标系 //若在此时创建点线面位置一定会报错 //解决方案 看文档 esri/geometry/webMercatorUtils geographicToWebMercator(geometry)//Converts geometry from geograph

/* *@param DOM对象（document.documentElement） */ //进入全屏 requestFullScreen(de) { if(de.requestFullscreen){ //W3C de.requestFullscreen(); }else if (de.moz...

function isType(type) { return function(obj) { return {}.toString.call(obj) == "[object " + type + "]" } } var isObject = isType("Object") var isString = isType("String") var isFunction = isType("Function")

解决表格数据量过大（使用插件vxe-table）点击进入插件地址解决select 数据量过大 （使用插件vue-virtual-scroll-list）相关博文插件官网

虚拟dom是一个抽象的概念本身呢是一个特殊的对象。Vue之所以运行高效，使用虚拟DOM减少了对真实的dom操作vDom使用diff算法的原因： DOM操作是昂贵的，应尽量减少DOM的操作所以需要找出本次DOM必须更新的节点来更新，其它的不更新，找出的过程就需要用到diff算法。 //DOM <div class='xxx'> <p>123</p> ...

Vue中从改变一个数据到发火说呢过改变的过程Vue2 利用definedProperty实现数据绑定definedProperty 基础使用： var ob={ a:1, b:2 } var _value=ob.a Object.defineProperty(ob,'a',{ //writable:true,//可否修改 //enumerable:false,//是否...

父页面： setIframe(state,id){ // console.log(state,id) var frame = document.getElementById(id); frame.contentWindow.postMessage(state,'*'); },iframe监听消息...

绑定事件是使用具名函数 不要用匿名函数所有的DOM节点中都包含addEventListener()与removeEventListener()这两种方法，用于追加事件和删除追加。接受参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。 (3个)最后这个布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。默认为false;事件传递有两...

getParams(){//获取参数 let that = this; let url = window.location.href let obj = {} /* * 正则匹配 * [?&]:匹配?或&其一 * [^?&]:非?或非& ...

修改之前的效果修改之后的效果修改两处//第一处 tooltip: { trigger: 'item', //formatter: '{a} <br/>{b} : {c}mmol/L ({d}%)', confine:true//将此限制打开后tooltip将不再溢出 }, //第二处 s...

<div id='search'> <el-upload :multiple="false" :show-file-list="false" //:on-success="handleImageSuccess" //上传成功后出发 :before-upload="handleBeforeUpload"//上传前钩子...

FullScreen() {  if(!document.fullscreenElement && // alternative standard method       !document.mozFullScreenElement &am...

let str='Hellow World'str.at( 0 ) //H 根据下标返回对应值str.indexOf('H')//0 查询字符串首次出现的位置（返回下标）str.lastIndexOf('o')//8 查询字符串最后次出现的位置（返回下标）str.includes('H')//true 返回布尔值 查询是否包含某个字str.startsWith('Hellow')/...

HbuilderX打包后在手机端或者模拟手机端测试 PC端无法测试；hBuilder打包后集成H5+sdk就可以直接用他们家的sdk了效果图代码部分<button @click.native='startRecognize'>触发按钮</button><div id="bcid" :style='{zIndex:zIndex}'></div&gt...

// JS节流 onLoad(data) { let that=this // 节流操作 var throttle = function(){ var timer = null; ...

```javascriptfunction getDaretime(){ var Date = new Date(); var year = Date.getFullYear();//年 var month = Date.getMonth() + 1;//月 var date = Date.getDate();//日 var h = Dat...