摘要：
这是谷歌的一种策略。当系统内存不足时，系统会自动从内存中舍弃标签页 在地址栏输入chrome://flags/#automatic-tab-discarding，设置为停用即可。 阅读全文
摘要：
Elements chrome devtools 中 Elements panel 是审查 dom 元素和 css 的, 可以实时修改 dom/css. windows: ctrl + shift + i mac: cmd + opt + i DOM 修改 html & 属性 节点右键, 如下图, 阅读全文
摘要：
1.阻止事件冒泡： IE：cancelBubble = true; 其他： stopPropagation(); 2.阻止事件的默认行为： IE： returnValue = false; 其他： preventDefault(); 3.事件源： IE：srcElement 其他：target(目标 阅读全文
摘要：
经过测试，显然事件执行的顺序是： keydown->keypress->keyup. 但是连续按一个按键的话，会一直触发：keydown keypress。直到你提起按键，会触发keyup。 但是对一些特殊的键子，各个事件在浏览器里能触发的事件并不一样。 有几点需要注意： 1.像keypress对: 阅读全文
摘要：
引言 前阵子在w3ctech的走进名企 - 百度前端 FEX 专场上曾“夸下海口”说听完讲座后七天就可以打造自己的前端性能监控系统，既然说出去了也不能食言。从前一篇文章前端数据之美相信大家对前端数据有了一定的了解，下面就针对其中的性能数据及其监控进行详细阐述。 开始行动 本文中的性能主要指 web 阅读全文
摘要：
下面先看一下各个浏览器的并发请求数限制： 通过并发数的限制衍生了domain hash, cookie free。 按照普通设计，当网站cookie信息有1 KB、网站首页共150个资源时，用户在请求过程中需要发送150 KB的cookie信息，在512 Kbps的常见上行带宽下，需要长达3秒左右才 阅读全文
摘要：
1、 Accept：告诉WEB服务器自己接受什么介质类型，*/* 表示任何类型，type/* 表示该类型下的所有子类型，type/sub-type。 2、 Accept-Charset： 浏览器申明自己接收的字符集 Accept-Encoding： 浏览器申明自己接收的编码方法，通常指定压缩方法，是 阅读全文
摘要：
在通过调试工具查看网络请求的时候，通常在response header能看到类似下面这种：Keep-Alive: timeout=10, max=94 。那么Keep-Alive到底是什么呢？ HTTP Keep-Alive 在http早期，每个http请求都要求打开一个tpc socket连接，并 阅读全文
摘要：
什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.... 阅读全文
摘要：
首先，阅读w3c对两者的定义：CSS伪类用于向某些选择器添加特殊的效果。CSS伪元素用于将特殊的效果添加到某些选择器。可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他css无法描述的东西。伪类种类伪元素种类区别这里用伪类:first-child和伪元... 阅读全文