随笔分类 -  Web前端

摘要：注意点：1.overflow-x,overflow-y, 当两者不同时，一方被设置为visible，另一个被赋值为hidden、scroll、auto，那么这个visible会被重置为auto2.overflow前提： （1）非display ：line （2）对应方位的尺寸限制 （3）对于单... 阅读全文

摘要： 阅读全文

摘要：1 2 3 47 48 49 50 151 252 353 454 555 656 757 858 959 1060 61 62 E[attr]：只使用属性名，但没有确定任何属性值；E[attr="value"]：指定属性名，并指定了该属性的属性值；必须完全匹配，a[class="links"]不能匹配E[attr~="value"]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词... 阅读全文

摘要：1 2 3 64 65 66 67 68 169 270 371 472 573 674 775 876 977 1078 79 80 81 一：.important.items表示同时拥有important和items这两个class的元素，IE6不支持多类选择器二：E F后代选择器，E代表祖先... 阅读全文

摘要：脚本带来的问题是它会阻塞并行下载，HTTP/1.1协议中规定浏览器和同一host之间只建立最多两个连接，如果你从多个主机serve图片，多个部分并行下载就会出现，然而下载脚本的时候，即使从不同的主机，浏览器也不会并行下载其他元素。在某些情况下，将脚本移到底部是不太容易的，例如，如果脚本使用了document.write来插入部分文档内容，它就不能被移动到更下面，会出现作用域的问题，很多情况下，有许多办法来解决这个情况。经常被提到的方法就是使用defer脚本，defer属性表明不会包含文档的write，提示浏览器继续渲染，不幸的是火狐不支持defer属性，IE虽然可以，但和期望的不同。如果脚本能 阅读全文

摘要：在雅虎我们研究性能的时候发现，将样式表移到文档的顶部似乎会使页面加载的更快，那是因为将其放在文档的顶部会使页面持续的渲染(render progressively) 关心性能的前端引擎希望页面持续加载，也就是我们希望浏览器能够尽快的显示他的内容，对于那些内容很多的页面和网速不好的用户来说极其重要。有很多研究和文章提出用户视觉反馈(类似progress indicator)的重要性，这里HTML页面就是这个progress indicator，浏览器逐步加载的头部，导航栏，顶部的logo等等这些对于等待的用户来说就是视觉反馈，这些会改善整体的用户体验。 将样式表放在文档靠近底部位置，很多浏览器. 阅读全文