点滴

先看个例子 <div style="font-size:100px;">1111</div> <p>2222</p> <style>*{font-size:50px;}</style>   此时 如果用 document.querySelector("p").style.fontSize 是

1、引用文件   <link rel="stylesheet" href="css/jquery.fullPage.css"> <script src="js/jquery.min.js"></script> <script src="js/jquery-ui.min.js"></script&am

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage

先说下基础的知识点： 1、transform:

.disable-selection { -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer */ -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */ -webkit-user-s

话不多说看个例子，这个是使用translateZ的css 之后对渲染性能有多少影响 http://works.ibeeger.com/dev/chrome/ 单纯从视觉角度就能感觉出来前后的差异，分析了6秒钟，结果页一目了然。 下图是启用translateZ的效果 Painting 占比很大，我简单的查了下影响panting的像背景图片、颜色等因素 然后取消使用咱们看看结果 差距很明显， 下...