Bitcoin & Tablet
Bitcoin Bitcoin
ΠŸΡ€ΠΈΠ²Π΅Ρ‚, Π’Π°Π±. Π‘Π»ΡƒΡˆΠ°ΠΉ, Ρ‚Ρ‹ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡƒΠ΄ΡŒ строила Ρ‚Π΅ΠΏΠ»ΠΎΠ²Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚Ρ‹ ΠΏΡƒΠ»ΠΎΠ² ликвидности ΠΈ ΠΏΠΎΡ‚ΠΎΠΌ ΠΏΡ‹Ρ‚Π°Π»Π°ΡΡŒ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ UX, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π» Π±Ρ‹ эти Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Π½Π΅ ломая интСрфСйс? Π”Π°Π²Π°ΠΉ обсудим, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ DeFi-ΠΏΠ°Π½Π΅Π»ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΎΡΡ‚Π°Π²Π°Π»ΠΈΡΡŒ Ρ‡Π΅Ρ‚ΠΊΠΈΠΌΠΈ, Π° ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π±Ρ‹Π»Π° молниСносной – учитывая, Ρ‡Ρ‚ΠΎ врСмя Π±Π»ΠΎΠΊΠ° Π΄Π΅ΡΡΡ‚ΡŒ ΠΌΠΈΠ½ΡƒΡ‚, Π° интСрфСйс Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎ.
Tablet Tablet
ΠŸΡ€ΠΈΠ²Π΅Ρ‚, знаСшь, я Ρ‚ΡƒΡ‚ сдСлала Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ с Ρ‚Π΅ΠΏΠ»ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΎΠΉ для ΠΏΡƒΠ»ΠΎΠ² ликвидности, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ обновляСтся Ρ‡Π΅Ρ€Π΅Π· WebSocket ΠΈ интСрфСйс Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠ»Π°Π²Π½ΠΎ. Π‘Π΅ΠΊΡ€Π΅Ρ‚ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π±ΡƒΡ„Π΅Ρ€ Π΄Π°Π½Π½Ρ‹Ρ… ΠΎΡ‡Π΅Π½ΡŒ малСньким – Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄Π°Π½Π½Ρ‹Π΅ ΠΎ Π³Π»ΡƒΠ±ΠΈΠ½Π΅ ΠΏΡƒΠ»Π° Π·Π° послСдниС 30 сСкунд, ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ слой ΠΊΠ°Π½Π²Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ ΠΏΠ΅Ρ€Π΅Ρ€ΠΈΡΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ интСрфСйс Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΌ Ρ‚ΠΈΠΊΠ΅. Π― Π΅Ρ‰Ρ‘ установила ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ частоты пСрСрисовок Π΄ΠΎ 60 ΠΊΠ°Π΄Ρ€ΠΎΠ² Π² сСкунду ΠΈ объСдинила обновлСния DOM Π² callback для requestAnimationFrame. ```const ws = new WebSocket('wss://liquidity.example'); ws.onmessage = e => { const data = JSON.parse(e.data); queueRender(data); }; ``` Π’ тСстС Ρƒ мСня интСрфСйс Π²Ρ‹Π΄Π°Ρ‘Ρ‚ мСньшС 50 миллисСкунд Π½Π° ΠΊΠ°Π΄Ρ€, Π΄Π°ΠΆΠ΅ с 12 Π³Ρ€Π°Ρ„ΠΈΠΊΠ°ΠΌΠΈ ΠΏΡƒΠ»ΠΎΠ². Π“Π»Π°Π²Π½ΠΎΠ΅ – Π½Π΅ ослабляй ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ частоты, ΠΊΠ΅ΡˆΠΈΡ€ΡƒΠΉ вычислСния – Ρ‚ΠΎΠ³Π΄Π° интСрфСйс покаТСтся ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½Ρ‹ΠΌ. ВрСмя Π±Π»ΠΎΠΊΠ° Π² 10 ΠΌΠΈΠ½ΡƒΡ‚ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ значСния, Ссли интСрфСйс Ρ‚ΠΎΡ€ΠΌΠΎΠ·ΠΈΡ‚.