摘要：
第一字节响应时间（TTFB）=从发送请求到WEB服务器的时间+WEB服务器处理请求并生成响应花费的时间+WEB服务器生成响应到浏览器花费的时间测量第一字节响应时间（TTFB）的工具：http://www.webpagetest.org/图片绿色部分为每个资源的第一字节响应时间（TTFB），建议最佳第... 阅读全文
摘要：
什么是函数节流？介绍前，先说下背景。在前端开发中，有时会为页面绑定resize事件，或者为一个页面元素绑定拖拽事件（其核心就是绑定mousemove），这种事件有一个特点，就是用户不必特地捣乱，他在一个正常的操作中，都有可能在一个短的时间内触发非常多次事件绑定程序。而大家知道，DOM操作时很消耗性能... 阅读全文
摘要：
0x00、从一个数组（arr）随机生成有（num）个不相同的值的数组function createRandom( num, arr ) { var arrCache = [], objCache = {}; while( arrCache.length < num ) { ... 阅读全文
摘要：
sort() 方法用于对数组的元素进行排序。语法：arrayObject.sort(sortby)；参数sortby可选。规定排序顺序。必须是函数。注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换... 阅读全文
摘要：
因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagation(), preventDefault() 和 return false. 它们之间有什么区别, ... 阅读全文
摘要：
什么是跨域跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。所谓同源是指，域名，协议，端口相同。浏览器执行javascript脚本时，会检查这个脚本属于那个页面，如果不是同源页面，就不会被执行。同源策略的目的，是防止黑客做一些做奸犯... 阅读全文
摘要：
1、parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。2、parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。3、closest() 方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。可以看出pare... 阅读全文
摘要：
网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth(包括边线的宽);网页可见区域高： document.body.offsetHeight(... 阅读全文
摘要：
1、安装Ruby和SASS首先我们需要在电脑上安装Ruby和SASS。如果您使用的是Mac，您就没必要安装Ruby。如果您使用的是Window系统，你需要安装Ruby。2、安装Nodejs由于使用Grunt需要Nodejs的支持，所以我们要确认自己的电脑已安装了nodejs。安装好以后看看在命令行下... 阅读全文
摘要：
移动H5前端性能优化指南概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机配置... 阅读全文