随笔分类 - javascript
摘要：当我们在做某些需求，如要拖动echarts图表，或者放大缩小 这个时候，有时连续操作，或者在ie或者内存只有8G的电脑上就会出现canvs残留的情况 我们移动的时候，使用的是transform去做的移动，但是这时候里面的canvas不会跟着外部组件变化，还停留在之前的位置 解决办法，启用GPU加速，
阅读全文
摘要：async函数会返回一个Promise对象，可以使用then方法添加回调函数， 当async函数有return时，会作为success的参数 当async函数有抛错时，会作为fail的参数。 当函数执行的过程中遇到了await执行的函数的时候，会暂时return当前函数， 去执行await的函数，把
阅读全文
摘要：1，在draggable的drag中直接获取$(this).offset()来给对齐线设置top和left； 2，在draggable的drag中直接获取event的clientX去和event的offsetX去做减，此时的offsetX有可能在拖动过程中发生变化， 造成位置不准确的情况。 需要在s
阅读全文
摘要：//判断对象的类型 Array Object Function String Number ..... function getObjType(obj){ return Object.prototype.toString.call(obj).slice(8,-1);} //拷贝对象 function
阅读全文
摘要：dom元素是否可见可使用jq的is方法和dom的offsetParent null方法 jq中 $(element).is(":visible") true !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().leng
阅读全文
摘要：https://www.cnblogs.com/craftsman-gao/p/5130567.html JSON的全称是”JavaScript Object Notation“——JavaScript对象表示法。ECMAScript 5中提供了内置函数JSON.stringify()和JSON.p
阅读全文
摘要：function(){}()让变量快速初始化结果 看上去好像比上面的操作简洁多了，只需要两行代码。但是我们仔细去观察，就会发现第一段代码其实本身仅是一个赋值操作，在function中完成的所有动作将会在function执行完后全部释放，整个代码看上去好像只执行了一条语句一样。 而实际上更重要的意义在
阅读全文
摘要：1，获取元素的所有css对象 FF：document.defaultView.getComputedStyle(dom,null) IE：dom.currentStyle
阅读全文
摘要：1,dom操作 a,当操作样式的时候 如要更改多个style值，则使用cssText dom.style.cssText = 'margin: 0;padding: 0;border: 1px solid red;';
阅读全文
摘要：原生js document.iframe[id].contentWindow.document.querySelector(el).innerHTML jq $(window.iframe[id].document).find(el) $(window.iframe[id].document).fi
阅读全文
摘要：创建存储数据的数组或者对象； 每次调用方法的时候，往里面添加资源对象，包括路径； 每次调用的时候遍历此路劲是否存在，如存在，就调用此资源对象的promise进行操作。 可避免资源未加载完成就执行的情况。 var arr = [];function getStyle(src){ let script
阅读全文
摘要：1，默认数据的复用 写成function的return形式缓存在变量中，用的时候直接执行fun就行了 例如 有文件text.js里面的对象是export default ()=>({aa:55,bb:function(){console.log()}}) 异步加载之后 缓存在window.compo
阅读全文
摘要：1，解析的时候，作用域不一致 eval在当前的作用域，而new Function在全局 2，用法 如存在 var aa = { fun: 'function(){console.log(this)}' } 如需要执行fun的字符串函数 A,eval() eval('(function(){retur
阅读全文
摘要：1.JS自运行函数的写法 ( function(){ console.log(111)} )( ) !function(){ console.log(111) }() ( function(){}() ) 2,MVVM框架数据驱动的底层逻辑 用到的最底层逻辑为： var cc = {bb: 6} O
阅读全文
摘要：1，数字的千分号分割 (脑洞比较大) function setNum(num){ var str = num + ''; return str.replace(/\B(?=(?:\d{3})+(?!\d))/g,','); } ps: a, 逗号替换了 \B (非文字边界，匹配位置的左右两边都是 \
阅读全文
摘要：ps：mockjs在进行相同的双数次请求的时候，会出现请求404的状况，希望有大佬帮解决下 首先创建dom <img id='bbn' src="" alt="图图"> <button id="but">asdsa</button> 在js中先写好mock Mock.mock(/query/g,fu
阅读全文
浙公网安备 33010602011771号