| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <script src="../resources/runner.js"></script> |
| 5 </head> |
| 6 <body> |
| 7 <div id="test"></div> |
| 8 </body> |
| 9 <script> |
| 10 var div = document.getElementById("test"); |
| 11 var properties = { |
| 12 'azimuth' : 'right', |
| 13 'background-color' : 'green', |
| 14 'background-image' : 'url(\'test.png\')', |
| 15 'background-position' : 'top', |
| 16 'background-repeat' : 'repeat-x', |
| 17 'background' : '#ffffff url(\'img_tree.png\') no-repeat right top', |
| 18 'border' : '20px dotted red', |
| 19 'border-bottom-style' : 'dotted', |
| 20 'border-collapse' : 'separate', |
| 21 'border-color' : 'blue', |
| 22 'border-spacing' : '3px', |
| 23 'border-style' : 'solid', |
| 24 'border-top' : 'green', |
| 25 'border-width' : '20em', |
| 26 'bottom' : '20%', |
| 27 'caption-side' : 'top', |
| 28 'clear' : 'both', |
| 29 'clip' : 'rect(5px, 40px, 45px, 5px)', |
| 30 'color' : 'red', |
| 31 'content' : 'normal', |
| 32 'direction' : 'rtl', |
| 33 'display' : 'block', |
| 34 'css-float' : 'right', |
| 35 'font-family' : '"Times New Roman",Georgia,Serif', |
| 36 'font-size' : '13px', |
| 37 'font-variant' : 'small-caps', |
| 38 'font-weight' : '700', |
| 39 'font' : 'italic bold 12px/30px Georgia, serif', |
| 40 'height' : '200px', |
| 41 'left' : '20%', |
| 42 'letter-spacing' : '10px', |
| 43 'line-height' : '40px', |
| 44 'list-style-image' : 'url(\'test.png\')', |
| 45 'list-style-position' : 'outside', |
| 46 'list-style-type' : 'decimal', |
| 47 'list-style' : 'circle inside', |
| 48 'margin-right' : '50px', |
| 49 'margin' : '10px 20px 30px 5em', |
| 50 'max-height' : '700px', |
| 51 'max-width' : '300px', |
| 52 'min-height' : '100px', |
| 53 'min-width' : '100px', |
| 54 'outline-color' : 'gray', |
| 55 'outline-style' : 'dotted', |
| 56 'outline-width' : '5px', |
| 57 'padding-top' : '30px', |
| 58 'padding' : '30px 20px 10px 50px', |
| 59 'page-break-after' : 'always', |
| 60 'page-break-inside' : 'auto', |
| 61 'pause' : '2s', |
| 62 'position' : 'static', |
| 63 'right' : '150px', |
| 64 'text-align' : 'center', |
| 65 'text-decoration' : 'blink', |
| 66 'text-transform' : 'capitalize', |
| 67 'top' : '25%', |
| 68 'vertical-align' : 'text-bottom', |
| 69 'visibility' : 'visible', |
| 70 'width' : '300px', |
| 71 'webkit-transform' : 'scale3d(0.5, 0.5, 0.5)', |
| 72 'word-spacing' : '40px', |
| 73 }; |
| 74 PerfTestRunner.measureRunsPerSecond({run:function() { |
| 75 for (key in properties) { |
| 76 var value = div.style.getPropertyValue(key); |
| 77 div.style.removeProperty(key); |
| 78 div.style.setProperty(key, properties[key]); |
| 79 } |
| 80 }}); |
| 81 </script> |
| 82 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 219153002:
Optimize named property access on CSSStyleDeclaration objects (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master