Debounce

progressive-webapps/rendering-performance/debounce Created with Sketch.
Скачать
<?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>progressive-webapps/rendering-performance/debounce</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/rendering-performance/debounce" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#355C7F" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="trampoline" transform="translate(15.000000, 12.000000)" fill-rule="nonzero"> <path d="M43.7259223,35.0466181 C43.7259223,32.2153953 33.9376206,29.9199595 21.8631464,29.9199595 C9.78830162,29.9199595 -2.84217094e-14,32.2153953 -2.84217094e-14,35.0466181 C-2.84217094e-14,37.8778409 9.78830162,40.1732768 21.8631464,40.1732768 C33.9376206,40.1732768 43.7259223,37.8778409 43.7259223,35.0466181 Z" id="Shape" fill="#ABE0DA"> </path> <path d="M2.96164948,46.3296394 C2.44068379,46.3296394 2.01827913,45.9072348 2.01827913,45.386269 L2.01827913,32.8100966 L3.90501994,32.8100966 L3.90501994,45.386269 C3.90501994,45.9072348 3.48261528,46.3296394 2.96164948,46.3296394 Z" id="Shape" fill="#38AAFF"> </path> <path d="M21.8813024,48.5661609 L21.8446199,48.5661609 C21.3236541,48.5661609 20.9012495,48.1437563 20.9012495,47.6227906 L20.9012495,35.0466181 L22.8246728,35.0466181 L22.8246728,47.6227906 C22.8246728,48.1437563 22.4022681,48.5661609 21.8813024,48.5661609 Z" id="Shape" fill="#38AAFF"> </path> <path d="M40.7646433,46.3296394 C40.243307,46.3296394 39.8209024,45.9072348 39.8209024,45.386269 L39.8209024,32.8100966 L41.7080137,32.8100966 L41.7080137,45.386269 C41.7080137,45.9072348 41.2856091,46.3296394 40.7646433,46.3296394 Z" id="Shape" fill="#38AAFF"> </path> <path d="M43.7259223,32.2676401 C43.7259223,29.4364173 33.9376206,27.1409814 21.8631464,27.1409814 C9.78830162,27.1409814 -2.84217094e-14,29.4364173 -2.84217094e-14,32.2676401 C-2.84217094e-14,35.098863 9.78830162,37.3942987 21.8631464,37.3942987 C33.9376206,37.3942987 43.7259223,35.098863 43.7259223,32.2676401 Z" id="Shape" fill="#FFDF49"> </path> <path d="M43.7255518,32.2676401 C43.7255518,32.5040385 43.6573742,32.7378431 43.5243537,32.9653489 C42.0740978,30.4646392 32.9286663,28.5367695 21.8631464,28.5367695 C10.7976264,28.5367695 1.65182449,30.4646392 0.201939046,32.9653489 C0.0689186075,32.7378431 0.000370530403,32.504409 0.000370530403,32.2676401 C0.000370530403,29.4367878 9.78793112,27.1413519 21.8631464,27.1413519 C33.9379911,27.1413519 43.7255518,29.4367878 43.7255518,32.2676401 Z" id="Shape" fill="#FFBD47"> </path> <path d="M37.8163329,32.2676401 C37.8163329,30.8255358 30.6736183,29.6561418 21.8631464,29.6561418 C13.0523039,29.6561418 5.90995997,30.8255358 5.90995997,32.2676401 C5.90995997,33.7097444 13.0523039,34.8787679 21.8631464,34.8787679 C30.6736183,34.8787679 37.8163329,33.7097444 37.8163329,32.2676401 Z" id="Shape" fill="#4C78A0"> </path> <g id="Group" transform="translate(8.062742, 40.787987)" fill="#D0F4EF"> <path d="M3.7994188,3.45853083 C3.76384788,3.45853083 3.72790636,3.45593709 3.69196493,3.45037911 C3.29142159,3.39146475 3.01426485,3.01945223 3.07317921,2.61890889 L3.2299135,1.55400446 C3.28882785,1.15346112 3.66158139,0.876304379 4.06175423,0.935589243 C4.46229766,0.994503601 4.7390839,1.36688663 4.68016954,1.76742997 L4.52343516,2.83196389 C4.47007878,3.19619521 4.15698061,3.45853083 3.7994188,3.45853083 Z" id="Shape"> </path> <path d="M6.96671258,3.30772493 C6.67547573,3.30772493 6.39943061,3.13246407 6.28530724,2.84493248 L5.88883967,1.8445003 C5.73951589,1.46804141 5.92366957,1.04193149 6.29975786,0.892978223 C6.67621675,0.743654542 7.10232676,0.927808128 7.25127993,1.30426702 L7.64811802,2.3046991 C7.79707129,2.68078749 7.61328821,3.1068974 7.23682932,3.25585067 C7.14827253,3.29105099 7.05675149,3.30772493 6.96671258,3.30772493 Z" id="Shape"> </path> <path d="M0.807385771,2.40140752 C0.648057651,2.40140752 0.48761801,2.34990386 0.352744943,2.24319111 C0.0355709187,1.99197144 -0.018155966,1.53103162 0.2330636,1.2138576 L0.901129939,0.369789389 C1.15272011,0.0526153646 1.61365993,-0.000741013377 1.93083395,0.250108046 C2.24800798,0.501698118 2.30173486,0.962267432 2.0505153,1.27981206 L1.38244896,2.12350976 C1.23757154,2.30618123 1.02377553,2.40140752 0.807385771,2.40140752 Z" id="Shape"> </path> <path d="M22.8198559,3.45853083 C22.4622941,3.45853083 22.1495664,3.19656581 22.0958395,2.83196389 L21.9391051,1.76742997 C21.8801908,1.36688663 22.1569771,0.994503601 22.5575204,0.935589243 C22.9580637,0.875933872 23.3300763,1.15346112 23.3889906,1.55400446 L23.5457249,2.61853838 C23.6050098,3.01908172 23.3278531,3.39146475 22.9276803,3.45037911 C22.8913683,3.45593709 22.8554269,3.45853083 22.8198559,3.45853083 Z" id="Shape"> </path> <path d="M19.6521915,3.30772493 C19.5625231,3.30772493 19.4710021,3.29105099 19.3824454,3.25585067 C19.0059865,3.1068974 18.8222034,2.68078749 18.9711566,2.3046991 L19.3679947,1.30426702 C19.5173184,0.927808128 19.9430579,0.743654542 20.3195168,0.892978223 C20.6956052,1.04193149 20.8797587,1.46804141 20.730435,1.8445003 L20.3335969,2.84493248 C20.219844,3.13246407 19.9441694,3.30772493 19.6521915,3.30772493 Z" id="Shape"> </path> <path d="M25.811889,2.40140752 C25.5954992,2.40140752 25.3813326,2.30618123 25.2368258,2.12350976 L24.5687594,1.27981206 C24.3175398,0.962267432 24.3708962,0.501327611 24.6884408,0.250108046 C25.0059853,-0.000741013377 25.4669251,0.0526153646 25.7181447,0.369789389 L26.3858405,1.2138576 C26.6370601,1.53103162 26.5837037,1.99197144 26.2661592,2.24319111 C26.1316566,2.34990386 25.971217,2.40140752 25.811889,2.40140752 Z" id="Shape"> </path> </g> <path d="M10.1595731,18.6298981 L5.80028297,18.6298981 C4.97733488,18.6298981 4.59754124,17.6068637 5.22114393,17.0699651 C6.34940898,16.0984344 7.78929017,15.5641295 9.27808128,15.5641295 L10.1599436,15.5641295 C10.6068033,15.5641295 10.969182,15.9261378 10.969182,16.3733679 L10.969182,17.8202892 C10.969182,18.2675194 10.6068033,18.6298981 10.1595731,18.6298981 Z" id="Shape" fill="#628FB1"> </path> <path d="M11.2800571,10.3377982 L6.92076691,10.3377982 C6.09781881,10.3377982 5.71802517,9.31476382 6.34162787,8.77786519 C7.46989292,7.80633452 8.90977411,7.27202964 10.3985652,7.27202964 L11.2804276,7.27202964 C11.7272872,7.27202964 12.089666,7.63403791 12.089666,8.08126803 L12.089666,9.52818933 C12.0892955,9.97541945 11.7272872,10.3377982 11.2800571,10.3377982 Z" id="Shape" fill="#4C78A0"> </path> <path d="M23.0959011,12.3319928 C22.7127726,12.3319928 22.3326084,12.16933 22.066197,11.8536381 L17.7450715,6.7280911 L11.5253482,8.41696863 C10.8083718,8.61186757 10.0687932,8.18835139 9.87389417,7.47100453 C9.67936573,6.75365767 10.1028819,6.0144495 10.8202288,5.81955046 L17.8680876,3.90576095 C18.3731205,3.76829415 18.9122423,3.936515 19.2497955,4.33705834 L24.1241229,10.1188147 C24.6032187,10.6868378 24.5309653,11.5360936 23.9625717,12.0151894 C23.7102405,12.2278738 23.4019592,12.3319928 23.0959011,12.3319928 Z" id="Shape" fill="#BFA394"> </path> <path d="M9.83943487,16.4519204 C9.47075709,16.4519204 9.10356144,16.3011145 8.83789116,16.0050608 C8.34138042,15.4518589 8.38732619,14.6011211 8.94015756,14.1046103 C11.303771,11.9829532 14.3665753,10.8283805 17.7973163,10.7665019 C20.3569403,10.7205561 22.2388643,11.2985835 22.3177872,11.3230386 C23.0269824,11.5449863 23.4223383,12.2997567 23.2007612,13.0089519 C22.979184,13.717406 22.2262662,14.1123915 21.5181826,13.8930375 C21.5022498,13.8882205 19.9037816,13.4061605 17.7598928,13.4591463 C14.9820263,13.5273239 12.619895,14.4184495 10.7379711,16.1076977 C10.4811935,16.3381676 10.1595731,16.4519204 9.83943487,16.4519204 Z" id="Shape" fill="#D6BCAB"> </path> <path d="M24.5924734,4.37151774 C26.3795414,7.75408976 29.1966841,9.88649216 31.3943,11.1285101 L32.7604456,9.19434146 C30.8251653,8.13017814 28.2381219,6.25381218 26.6652204,3.27660037 C26.4221525,2.81640157 25.916749,2.58482009 25.4302426,2.66855991 C25.3116729,2.68893911 25.1938442,2.72821538 25.0812029,2.78750024 C24.509104,3.09022356 24.2901206,3.79904819 24.5924734,4.37151774 Z" id="Shape" fill="#2081F6"> </path> <path d="M35.7802683,11.7587824 C35.7802683,11.7587824 35.6935642,13.8474622 34.9039639,15.5885846 C34.0372933,17.4986687 32.0571788,19.9664013 27.5385605,20.8782766 C27.4607492,20.8934683 27.3818262,20.9012495 27.3047559,20.9012495 C26.733398,20.9012495 26.2257714,20.481809 26.1449957,19.8848845 C26.0623674,19.2712862 26.4910712,18.6999284 27.0972589,18.5758007 C29.8236216,18.0207462 31.6936885,16.7665007 32.6592908,14.8490059 C32.6503981,14.8538228 32.6407642,14.8582691 32.632242,14.863086 C32.3917678,14.9949948 32.1409187,15.1228279 31.8793242,15.2451029 C30.273816,15.9906101 28.5908669,16.3685511 26.8712353,16.3685511 C26.7393265,16.3685511 26.6066766,16.3655868 26.4740267,16.3618816 C24.4098019,16.2914807 22.3381664,15.678994 20.3098829,14.5392425 C20.011606,14.3710216 19.914527,13.9860405 20.0934932,13.6936921 L20.6366908,12.802937 L22.7779859,9.29734886 C22.9462068,9.02130374 23.3011749,8.92607735 23.5857423,9.07984749 C25.594017,10.1658721 27.434812,10.2937051 29.1966841,9.47520346 C29.7824927,9.20323419 30.2719634,8.86642198 30.6443464,8.5662924 C31.169388,8.14425825 31.9186005,8.14611088 32.4506822,8.56073442 L35.2281781,10.7257436 C35.5657312,10.9903022 35.751367,11.3682433 35.7802683,11.7587824 Z" id="Shape" fill="#38AAFF"> </path> <path d="M32.6592908,14.8490059 C32.4188165,14.9805442 32.1409187,15.1228279 31.8793242,15.2451029 C30.273816,15.9906101 28.5908669,16.3685511 26.8712353,16.3685511 C26.7393265,16.3685511 26.6066766,16.3655868 26.4740267,16.3618816 C24.4098019,16.2914807 22.3381664,15.678994 20.3098829,14.5392425 C20.011606,14.3710216 19.914527,13.9860405 20.0934932,13.6936921 L20.6366908,12.802937 C22.5942028,14.0167946 27.1124506,15.9857932 33.0535351,13.2868497 C33.0535351,13.2868497 33.1276412,14.0390264 32.6592908,14.8490059 Z" id="Shape" fill="#2081F6"> </path> <path d="M32.6589202,14.8493764 C32.6500275,14.8530818 32.6403937,14.8582691 32.6326126,14.863086 C32.3921383,14.9949948 32.1409187,15.1228279 31.8793242,15.2451029 C31.7314827,15.3132805 31.5821589,15.3788643 31.4335761,15.441484 C31.1482678,15.2206479 31.0630457,14.8171402 31.2486815,14.4966315 C31.5917926,13.9023007 31.5732662,13.3309428 31.5721545,13.3250143 C31.5476996,12.9203952 31.8556103,12.576543 32.259118,12.5520879 C32.6618844,12.5265213 33.028339,12.8829715 33.0535351,13.2868497 C33.0594636,13.387634 33.1328286,14.0734858 32.6589202,14.8493764 Z" id="Shape" fill="#2081F6"> </path> <path d="M25.8885887,21.1776652 L24.5813574,21.1776652 C24.2556613,21.1776652 23.960719,20.9872125 23.826587,20.6904177 L23.4019592,19.7485294 C23.1548154,19.2008855 23.5557293,18.5806175 24.156359,18.5806175 L25.8885887,18.5806175 C26.6059355,18.5806175 27.1872978,19.1619798 27.1872978,19.8793267 C27.1872978,20.5963029 26.6059355,21.1776652 25.8885887,21.1776652 Z" id="Shape" fill="#FECAA8"> </path> <path d="M24.2949374,2.68301062 L24.2011933,1.3787436 C24.1778498,1.05415897 24.3471822,0.746248278 24.6332317,0.591366523 L25.5425133,0.100413763 C26.0708896,-0.185265201 26.7182063,0.170073479 26.7611878,0.769221116 L26.8853155,2.49700441 C26.9364487,3.21249864 26.3984385,3.8338781 25.6829443,3.88538185 C24.9678207,3.936515 24.3460706,3.39850485 24.2949374,2.68301062 Z" id="Shape" fill="#FFB38C"> </path> <path d="M36.2890065,7.54029374 C36.2890065,8.28765354 36.0070329,8.96868837 35.5423878,9.48298457 C35.0117883,10.0717575 34.2433082,10.4411762 33.388124,10.4411762 C31.7859506,10.4411762 30.4872415,9.14283771 30.4872415,7.54029374 C30.4872415,6.67473472 30.8662942,5.8984735 31.4665534,5.36750346 C31.9782559,4.91360365 32.6515096,4.63941115 33.388124,4.63941115 C34.990668,4.63941115 36.2890065,5.93774968 36.2890065,7.54029374 Z" id="Shape" fill="#FECAA8"> </path> <path d="M36.2890065,7.54029374 C36.2890065,8.28765354 36.0070329,8.96868837 35.5423878,9.48298457 C35.2185442,9.37627182 34.9202673,9.19656459 34.6683066,8.95238503 L32.382134,6.73327848 C31.9782559,6.34088676 31.6684925,5.87661219 31.4665534,5.36750346 C31.9782559,4.91360365 32.6515096,4.63941115 33.388124,4.63941115 C34.990668,4.63941115 36.2890065,5.93774968 36.2890065,7.54029374 Z" id="Shape" fill="#FFB38C"> </path> <path d="M33.186185,5.90551351 L35.471987,8.12387905 C35.9221815,8.56110493 36.641381,8.55035957 37.0782363,8.10016511 L37.8678366,7.28648034 C38.5084837,6.62656572 38.4929215,5.57240675 37.8326362,4.93175971 L34.2740622,1.47767525 C34.0858328,1.29537429 33.7857032,1.29982065 33.6034022,1.48767959 L33.1272706,1.97789124 C32.0590315,3.07873709 32.0853391,4.83727443 33.186185,5.90551351 Z" id="Shape" fill="#FFDF49"> </path> <path d="M16.3807785,21.9105743 C15.9761593,21.9105743 15.6478695,21.5826549 15.6478695,21.1776652 L15.6478695,12.8033075 C15.6478695,12.3983178 15.9761593,12.0703984 16.3807785,12.0703984 C16.7857683,12.0703984 17.1136877,12.3983178 17.1136877,12.8033075 L17.1136877,21.1776652 C17.1136877,21.5826549 16.7857683,21.9105743 16.3807785,21.9105743 Z" id="Shape" fill="#D0F4EF"> </path> <path d="M18.8021948,19.3628072 C18.397205,19.3628072 18.0692857,19.0345173 18.0692857,18.6298981 L18.0692857,16.9906716 C18.0692857,16.5856818 18.397205,16.2577625 18.8021948,16.2577625 C19.206814,16.2577625 19.5347333,16.5856818 19.5347333,16.9906716 L19.5347333,18.6298981 C19.5351038,19.0345173 19.206814,19.3628072 18.8021948,19.3628072 Z" id="Shape" fill="#D0F4EF"> </path> <path d="M34.2703569,23.6376165 C33.8653672,23.6376165 33.5374478,23.3096971 33.5374478,22.9047074 L33.5374478,15.5885846 C33.5374478,15.1835948 33.8653672,14.8556754 34.2703569,14.8556754 C34.6749762,14.8556754 35.0028956,15.1839654 35.0028956,15.5885846 L35.0028956,22.9047074 C35.0028956,23.3096971 34.6749762,23.6376165 34.2703569,23.6376165 Z" id="Shape" fill="#D0F4EF"> </path> <path d="M36.2890065,20.8597501 C35.8840168,20.8597501 35.5560974,20.5318307 35.5560974,20.126841 L35.5560974,18.366451 C35.5560974,17.9614613 35.8840168,17.6335419 36.2890065,17.6335419 C36.6936258,17.6335419 37.0219157,17.9614613 37.0219157,18.366451 L37.0219157,20.126841 C37.0219157,20.5318307 36.6936258,20.8597501 36.2890065,20.8597501 Z" id="Shape" fill="#D0F4EF"> </path> <path d="M7.94009597,22.7720574 C7.53510627,22.7720574 7.20718689,22.4437675 7.20718689,22.0391484 L7.20718689,20.9012495 C7.20718689,20.4966303 7.53547678,20.1687109 7.94009597,20.1687109 C8.34471517,20.1687109 8.67300516,20.4966303 8.67300516,20.9012495 L8.67300516,22.0391484 C8.67300516,22.4441381 8.34508568,22.7720574 7.94009597,22.7720574 Z" id="Shape" fill="#D0F4EF"> </path> <path d="M10.0276643,24.6172989 C9.62304511,24.6172989 9.29475513,24.289009 9.29475513,23.8843898 L9.29475513,20.9012495 C9.29475513,20.4966303 9.62304511,20.1687109 10.0276643,20.1687109 C10.432654,20.1687109 10.7605734,20.4966303 10.7605734,20.9012495 L10.7605734,23.8843898 C10.7605734,24.289009 10.432654,24.6172989 10.0276643,24.6172989 Z" id="Shape" fill="#D0F4EF"> </path> </g> </g> </svg>
  • Andreas Mehlsen
  • MIT
  • 9 просмотров
  • 5 скачиваний