- 博客(5)
- 资源 (1)
- 收藏
- 关注
原创 js性能优化之惰性加载函数
一个普通的浏览器嗅探技术,每次都要调用addEvent进行判断,执行if语句。// 浏览器嗅探技术:指的就是检测浏览器是否支持 var addEvent = function(elem, type, handler) { if (window.addEventListener) { return elem.addEventListener(type, handler, fal
2017-04-26 11:33:22 2317 1
原创 js性能优化之分时函数
分时函数和函数节流的问题不一样,函数节流针对的事件不是用户主动调用的,前面已经提过了。 函数节流的原理是:延迟当前函数的执行,如果该次延迟还没有完成,那么忽略接下来该函数的请求。也就是说会忽略掉很多函数请求。分时函数处理的问题是用户主动调用的,比如插入千百个节点var arr = []; for (var i = 1; i <= 1000; i++) { arr.push(i) //假设a
2017-04-25 16:05:35 2680
原创 js性能优化之函数节流
最近在看一些书的时候,以及面试题的时候看到一个新词“函数节流” 函数节流的场景出现在,Js中很多函数的触发并不是用户直接控制的,在这些情况下,函数可能会被非常频繁的调用,而造成大的性能问题。函数被频繁调用的场景 window.onresize事件。 mouseover事件 上传进度 函数节流的原理比如我们在window.onresize事件中要打印当前浏览器窗口的大小,在我们通过拖拽来改变窗口
2017-04-25 11:42:34 3055
转载 jsonp跨域的安全问题
JSONP没有关于错误调用的处理,一旦回调函数失败,浏览器就会以静默失败的方式处理。 只支持GET请求 安全性问题 1、Callback可自定义导致的安全问题Content-type与XSS漏洞 再输出 JSON 时,没有严格定义好 Content-Type( Content-Type: application/json )然后加上 callback 这个输出点没有进行过滤直接导致了一个典型的 X
2017-04-24 09:40:12 8943 1
原创 面试积累——BFC
什么是BFCBFC就是“块级格式化上下文”的意思,创建了 BFC的元素就是一个独立的盒子,不过只有Block-level box可以参与创建BFC, 它规定了内部的Block-level Box如何布局,并且与这个独立盒子里的布局不受外部影响,当然它也不会影响到外面的元素。BFC有一下特性: 内部的Box会在垂直方向,从顶部开始一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个B
2017-04-12 18:26:11 1639 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人