shinnyChen

摘要： 网站地址图片大小(KB)页面大小(KB)比例(%)图片存在的问题https://www.baidu.com（百度首页）27.916217.2百度首页一共加载了4张图片，其中2张是img标签加载，另外两张是background加载。2张img图片一张用于logo，大小为7.7KB，尺寸为270*129... 阅读全文

摘要： querySelector和querySelectorAll同属于Selectors API Level 1规范，该规范早在2006年就已经开始发展，并在2007年10月形成querySelector（All）的雏形。由于规范发展的够早，所以除了IE6、7以外，所有浏览器都基本支持。这两个方法... 阅读全文

摘要： 问题：fixed元素被另一个fixed元素包含的时候在chrome下fixed子元素的定位会受到父元素的影响。demo（http://jsbin.com/qumah/1）： JS Bin fixed positionfixed child position absolute po... 阅读全文

摘要： 原文地址：Is localStorage performance a problem? 如果说2012年对于web开发世界来说有什么值得记住的事的话，关于localStorage性能的争论一定高居榜首。这场争论开始于Christian Heilmann写的一篇文章：There is no s... 阅读全文

摘要： 选择器的优先级关系到元素应用哪个样式。在CSS2.1的规范（http://www.w3.org/TR/2009/CR-CSS2-20090908/cascade.html#specificity）中是这样描述的：如果声明来自于“style”属性，而不是带有选择器的规则，则记为 1，否则记为 0 (=... 阅读全文

摘要： 对于IE6-9：1、样式规则最多只能有4095个，多于这个数目的会被忽略；2、样式表（通过@import,或）最多可以有31个（总和），多于这个数目的会被忽略；3、@import最多可以嵌套3层，多于3层的将被忽略。对于IE10、IE11：1、样式规则最多可以有65534个，多于这个数目的会被忽略；... 阅读全文

摘要： 先决条件：脚本前面存在外部样式以下试验虽然是在chrome下，但是对于IE8+以及其他浏览器也适用。1、内联脚本（http://jsbin.com/mudab/1） JS Bin 控制台打印结果>2000，可以得出结论：外部样式会阻塞后面内联脚本的执行。2、阻塞型外部脚本... 阅读全文

摘要： 浏览器最大值超过最大值后变成最小值小于最小值后变成备注 IE6 21474836472147483647-2147483648-2147483648IE721474836472147483647-2147483648-2147483648IE821474836472147483647-214... 阅读全文

摘要： 最近在做项目中发现很多CSS代码里面都使用!important去覆盖原有高优先级的样式。按照常理来说，越是灵活的东西，需要做的工作就会更多。所以想当然的认为像!important这样灵活、方便的规则如果用得多的话肯定会对性能有所影响。基于这种考虑，本来想把所有的这些样式通过提高优先级给去掉的。... 阅读全文

摘要： 原文地址：Use IMG tags only for Images 首先，补充一些背景知识。 web开发人员经常通过在主页预加载（预缓存）将来的页面所用到的一些资源的方式来优化网站的性能。常用的手段是在主页内容加载完之后开启预读取资源下载。有些网站通过使用IMG标签的形式来打到预读取的目的-... 阅读全文

摘要： 最近在做页面分析的时候发现页面F5刷新时，大部分原来已经缓存的内容的状态变成了304，很是不解，原来想好好看看是什么原因的。结果发现园里已经有人分析的很彻底了。原文地址：浏览器缓存机制浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如：Expires；Cache-control等）。但是也有... 阅读全文

摘要： 原文地址：Specify a character set概况： 在HTML文档的响应头中指定一个字符集可以让浏览器立即开始解析HTML和执行脚本。细节： HTML文档在网络中是以伴随字符编码信息的字节序列形式传送的。字符编码信息可以指定在文档的HTTP请求头中，也可以在HTML里面的标记里面... 阅读全文

摘要： 获取网站icon，常用最简单的方法就是通过website/favicon.ico来获取，不过由于很多网站都是在页面里面设置favicon（），所以此方法很多情况都不可用。更好的办法是通过google提供的服务来实现：http://www.google.com/s2/favicons?domain=h... 阅读全文

摘要： 为网站设置favicon有两种方式：1、网站根目录下放置名为favicon.ico的图片，浏览器就会自动获取；2、在页面中通过.对于favicon来说，一般都是使用ico格式，不过对于根目录的favicon图片chrome、firefox、IE11等现代浏览器都支持PNG、GIF（无动画）格式。对于... 阅读全文

摘要： new Date支持的参数：MDN： new Date(); new Date(value); new Date(dateString); new Date(year, month, day, hour, minute, second, millisecond);MSDN：dateObj = new... 阅读全文