![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
Web_Lys
这个作者很懒,什么都没留下…
展开
-
JS根据时区获取对应时间
JS根据时区获取时间原创 2023-08-01 14:11:27 · 973 阅读 · 0 评论 -
JS实现复制功能兼容IOS、IOS通过JS实现复制功能
JS实现复制功能兼容IOS、IOS通过JS实现复制功能原创 2023-05-29 17:40:31 · 738 阅读 · 0 评论 -
JS实现多线程 解决定时器不可靠/不准确
JS实现多线程 解决定时器不可靠/不准确原创 2023-04-13 13:43:15 · 539 阅读 · 0 评论 -
JS实现千分位分隔符;VUE3全局实现千分位分隔物 财务数字方法;VUE3使用自定义指令实现全局千分位分隔 财务数字
JS实现千分位分隔符;VUE3全局实现千分位分隔物 财务数字方法;VUE3使用自定义指令实现全局千分位分隔 财务数字原创 2023-03-27 16:14:37 · 896 阅读 · 3 评论 -
获取当前浏览器版本环境
获取浏览器版本环境原创 2023-03-21 15:13:54 · 195 阅读 · 0 评论 -
JS监听网络连接
JS监听网络连接状态原创 2023-02-23 10:33:20 · 319 阅读 · 0 评论 -
input通过JS手动向光标、选中位置插入、拼接内容至光标处 选中处
向input光标处插入内容原创 2022-11-19 18:04:03 · 1497 阅读 · 3 评论 -
判断数据是否为纯数字
判断数据是否为纯数字原创 2022-07-01 15:25:47 · 334 阅读 · 0 评论 -
浏览器下载图片 前端下载图片/音频/视频/PDF等所有浏览器可以解析的文件格式;解决通过window.open打开链接后是新标签页面而不是下载文件;
前端实现下载图片文件/mp3/mp4/音视频/pdf等。简洁高效通用方法。原创 2022-04-07 17:39:40 · 2660 阅读 · 0 评论 -
js文件格式转换 BASE64转File BASE64转Blob File转BASE64 File转Blob File存FromData Blob转base64 Blob转File
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原创 2022-01-11 17:01:24 · 442 阅读 · 0 评论 -
Uncaught (in promise) undefined
检查报错路径中是否使用到Promise如果使用到检查reject的时候是否 写了.catch没有.catch的只有.then的话加上.catch即可例: new Promise((resolve,reject)=>{ reject() }).then(res=>{ }).catch(err=>{ })...原创 2022-01-07 13:16:46 · 18606 阅读 · 1 评论 -
js中通过正则取代replaceAll,解决replaceAll部分浏览器不兼容问题
通过正则替换字符串中所有匹配字符,解决replaceAll兼容性问题原创 2022-01-05 16:56:42 · 1353 阅读 · 0 评论 -
JS实现复制文本,点击复制,JS点击复制功能
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(原创 2021-06-23 11:04:54 · 272 阅读 · 0 评论 -
百度地图信息框添加事件、百度地图InfoBox添加事件
目前这个解决方案应该是最简单的了 在 window.handleClick中可以随意操作原创 2021-06-03 15:54:33 · 454 阅读 · 0 评论 -
JS实现混合排序 通讯录排序 文字+字母+数字+符号
//中文转拼音 chineseToEnglish = function(c){ var idx = -1; var MAP = 'ABCDEFGHJKLMNOPQRSTWXYZ'; var boundaryChar = '驁簿錯鵽樲鰒餜靃攟鬠纙鞪黁漚曝裠鶸蜶籜鶩鑂韻糳'; if (!String.prototype.localeCompare) { thro...原创 2021-04-15 15:04:55 · 816 阅读 · 0 评论 -
利用闭包实现前端缓存
if(!window.mycache){ window.mycache = (function(){ // 闭包变量 var cache = {} // 限制长度 var cacheArr = [] return { get(api){ return new Promise((resolve,reject)=>{ i原创 2021-03-21 18:27:07 · 192 阅读 · 0 评论 -
vue、HTML5拖拽实现;包含鼠标监听实现 HTML5实现两种
效果如图看一下缩放代码1、通过自定义指令 + 鼠标事件实现 // 自定义指令 directives:{ /* 指令钩子函数会被传入以下参数: el:指令所绑定的元素,可以用来直接操作 DOM 。 binding:一个对象,包含以下属性: name:指令名,不包括 v- 前缀。 value:指令的绑定值,例如:v-my-directive=“1 + 1” 中,绑定值为 2。 oldValue:指令绑定的前一个值,仅在原创 2021-03-12 11:26:23 · 695 阅读 · 0 评论 -
JS获取随机颜色
/** * 获取随机颜色 十六进制 */ getRandomColor(){ return '#' + Math.floor( Math.random() * 0xffffff ).toString(16) }原创 2021-03-05 16:32:19 · 197 阅读 · 0 评论 -
vue上传svg 上传显示svg vue通过链接显示svg vue上传vue时保存为xml/html代码
上传限制仅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原创 2021-02-26 16:54:24 · 1518 阅读 · 3 评论 -
纯前端实现导出JSON
/* *做记录使用 具体查看 FileSaver 文档*/ FileSaver.saveAs( new Blob([JSON.stringify(JSON数据)], { type: "application/json;charset=utf-8", }), "data.json" );原创 2021-02-04 17:08:21 · 617 阅读 · 1 评论 -
js实现复制
将内容复制到剪切板 // 复制的方法 function copyText(text, callback){ // text: 要复制的内容, callback: 回调 var tag = document.createElement('input'); tag.setAttribute('id', 'cp_hgz_input'); tag.value = text; documen原创 2021-01-22 12:23:10 · 147 阅读 · 0 评论 -
GIS定位偏移过大;GIS定位相关
解决方案无非两种1、切换GIS地图2、转换坐标解决方案 1//切换地图就不多说看文档esri-》Map-》basemap解决方案 2 //首先查看GIS坐标系 map.spatialReference // 102100 投影坐标系 //若在此时创建点线面位置一定会报错 //解决方案 看文档 esri/geometry/webMercatorUtils geographicToWebMercator(geometry)//Converts geometry from geograph原创 2020-09-09 15:16:58 · 1148 阅读 · 0 评论 -
JS控制页面全屏
/* *@param DOM对象(document.documentElement) */ //进入全屏 requestFullScreen(de) { if(de.requestFullscreen){ //W3C de.requestFullscreen(); }else if (de.moz...原创 2020-07-15 11:31:05 · 152 阅读 · 0 评论 -
JS类型判断封装
function isType(type) { return function(obj) { return {}.toString.call(obj) == "[object " + type + "]" } } var isObject = isType("Object") var isString = isType("String") var isFunction = isType("Function")原创 2020-06-06 09:49:30 · 384 阅读 · 0 评论 -
Vue中解决数据量过大导致页面崩溃;解决方案
解决表格数据量过大(使用插件vxe-table)点击进入插件地址解决select 数据量过大 (使用插件vue-virtual-scroll-list)相关博文插件官网原创 2020-04-29 08:43:42 · 19240 阅读 · 0 评论 -
Vue虚拟DOM
虚拟dom是一个抽象的概念本身呢是一个特殊的对象。Vue之所以运行高效,使用虚拟DOM减少了对真实的dom操作vDom使用diff算法的原因: DOM操作是昂贵的,应尽量减少DOM的操作所以需要找出本次DOM必须更新的节点来更新,其它的不更新,找出的过程就需要用到diff算法。 //DOM <div class='xxx'> <p>123</p> ...原创 2020-04-20 12:40:26 · 138 阅读 · 0 评论 -
Vue响应原理 definedProperty与proxy实现数据双向绑定
Vue中从改变一个数据到发火说呢过改变的过程Vue2 利用definedProperty实现数据绑定definedProperty 基础使用: var ob={ a:1, b:2 } var _value=ob.a Object.defineProperty(ob,'a',{ //writable:true,//可否修改 //enumerable:false,//是否...原创 2020-04-16 12:53:19 · 2977 阅读 · 1 评论 -
与iframe通信 触发ifram中的事件
父页面: setIframe(state,id){ // console.log(state,id) var frame = document.getElementById(id); frame.contentWindow.postMessage(state,'*'); },iframe监听消息...原创 2020-04-09 09:08:48 · 853 阅读 · 0 评论 -
removeEventListener不生效;无法清空监听事件
绑定事件是使用具名函数 不要用匿名函数所有的DOM节点中都包含addEventListener()与removeEventListener()这两种方法,用于追加事件和删除追加。接受参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。 (3个)最后这个布尔值参数是true,表示在捕获阶段调用事件处理程序;如果是false,表示在冒泡阶段调用事件处理程序。默认为false;事件传递有两...原创 2020-03-13 09:47:35 · 1015 阅读 · 0 评论 -
JS解析URL中的参数
getParams(){//获取参数 let that = this; let url = window.location.href let obj = {} /* * 正则匹配 * [?&]:匹配?或&其一 * [^?&]:非?或非& ...转载 2020-03-10 15:49:01 · 642 阅读 · 0 评论 -
echarts中饼图显示不全(解决方法)
修改之前的效果修改之后的效果修改两处//第一处 tooltip: { trigger: 'item', //formatter: '{a} <br/>{b} : {c}mmol/L ({d}%)', confine:true//将此限制打开后tooltip将不再溢出 }, //第二处 s...原创 2020-03-03 21:51:16 · 16421 阅读 · 0 评论 -
js读取JSON文件获取数据
<div id='search'> <el-upload :multiple="false" :show-file-list="false" //:on-success="handleImageSuccess" //上传成功后出发 :before-upload="handleBeforeUpload"//上传前钩子...原创 2020-03-03 15:11:41 · 1014 阅读 · 0 评论 -
js控制,监听 浏览器全屏
FullScreen() { if(!document.fullscreenElement && // alternative standard method !document.mozFullScreenElement &am...原创 2020-02-13 16:31:31 · 1892 阅读 · 0 评论 -
字符串相关方法(ES6的扩展)
let str='Hellow World'str.at( 0 ) //H 根据下标返回对应值str.indexOf('H')//0 查询字符串首次出现的位置(返回下标)str.lastIndexOf('o')//8 查询字符串最后次出现的位置(返回下标)str.includes('H')//true 返回布尔值 查询是否包含某个字str.startsWith('Hellow')/...原创 2020-02-12 22:05:39 · 101 阅读 · 0 评论 -
vue调用手机扫描二维码
HbuilderX打包后在手机端或者模拟手机端测试 PC端无法测试;hBuilder打包后集成H5+sdk就可以直接用他们家的sdk了效果图代码部分<button @click.native='startRecognize'>触发按钮</button><div id="bcid" :style='{zIndex:zIndex}'></div>...原创 2020-01-16 11:05:00 · 11311 阅读 · 17 评论 -
JS节流代码
// JS节流 onLoad(data) { let that=this // 节流操作 var throttle = function(){ var timer = null; ...原创 2020-01-14 15:28:42 · 611 阅读 · 0 评论 -
js获取时间 ‘年月日 时分秒’ datetime格式
```javascriptfunction getDaretime(){ var Date = new Date(); var year = Date.getFullYear();//年 var month = Date.getMonth() + 1;//月 var date = Date.getDate();//日 var h = Dat...原创 2019-12-19 17:05:14 · 852 阅读 · 0 评论