Render sikli
Brauzerda asosiy ikkita sikl mavjud:
1. Event Loop (Hodisalar Sikli)
Bu JavaScript vazifalarini boshqarish uchun javob beradi. Jumladan:
1. kodni bajarish
2. hodisalarga javob berish
3. asinxron operatsiyalarni (setTimeout, Promise yoki AJAX kabi jarayonlar) boshqaradi.
2. Rendering (Paint) Cycle (Sahifa Renderi Sikli)
Hodisalar sikli vazifalarni qayta ishlagandan so'ng, brauzer rendering jarayonini amalga oshiradi:
1. CSS stillarni hisoblash
2. joylashuvni aniqlash
3. kompozitsiyalash ya’ni piksellarni ekranga chizish.
Bu ikki sikl mustaqil ravishda ishlaydi, lekin yaqindan o'zaro ta'sir qiladi.
Brauzerda asosiy ikkita sikl mavjud:
1. Event Loop (Hodisalar Sikli)
Bu JavaScript vazifalarini boshqarish uchun javob beradi. Jumladan:
1. kodni bajarish
2. hodisalarga javob berish
3. asinxron operatsiyalarni (setTimeout, Promise yoki AJAX kabi jarayonlar) boshqaradi.
2. Rendering (Paint) Cycle (Sahifa Renderi Sikli)
Hodisalar sikli vazifalarni qayta ishlagandan so'ng, brauzer rendering jarayonini amalga oshiradi:
1. CSS stillarni hisoblash
2. joylashuvni aniqlash
3. kompozitsiyalash ya’ni piksellarni ekranga chizish.
Bu ikki sikl mustaqil ravishda ishlaydi, lekin yaqindan o'zaro ta'sir qiladi.
requestAnimationFrame
- vazifalarni render sikli bilan sinxronlash uchun ishlatiladi.setTimeout
- hodisalar sikli bilan ishlaydi va unga yangi vazifa qo’shishda ishlatiladi.setTimeout(callback, 0) qachon kerak?
setTimeout() hodisalar sikliga yangi makrovazifa qo’shadi. Shu sabab “callback” keyingi siklda sodir bo’ladi.
Funksiyani keyingi hodisa siklda chaqirish UI o’zgarishlari to’liq “chizilishi” uchun imkon beradi, la la la, la la… .
Shunda bunday qilishdan maqsad “og’ir” funksiyani kechroqqa surishmi? Kechga sursak ham baribir keyingi siklda o’sha funksiya chaqiriladi-ku! Sahifa baribir qotib qoladigan bo’lsa, bunaday qilishdan nima naf? 🤔
Davomi bu yerda
@brogrammist
setTimeout() hodisalar sikliga yangi makrovazifa qo’shadi. Shu sabab “callback” keyingi siklda sodir bo’ladi.
Funksiyani keyingi hodisa siklda chaqirish UI o’zgarishlari to’liq “chizilishi” uchun imkon beradi, la la la, la la… .
Shunda bunday qilishdan maqsad “og’ir” funksiyani kechroqqa surishmi? Kechga sursak ham baribir keyingi siklda o’sha funksiya chaqiriladi-ku! Sahifa baribir qotib qoladigan bo’lsa, bunaday qilishdan nima naf? 🤔
Davomi bu yerda
@brogrammist
Forwarded from Orif Tolib
“Default” soʻzining tarjimasi nima?
Obunachilardan biri shu soʻzning tarjimasi haqida soʻrabdi. Bu inglizcha soʻz koʻp maʼnoli, oʻrniga qarab turlicha tarjima qilinishi mumkin. U birlamchi, odatiy, standart, yoʻqlik, mavjud emaslik, yetishmovchilik, defolt, oʻz vazifalarini bajarmaslik, aybdorlik, sudda qatnashmaslik, toʻlov qilmaganlik kabi maʼnolarga ega.
Agar saytlar, dastur va ilovalarni oʻzbekchalashtirayotgan boʻlsangiz, birlamchi soʻzi mos tushadi.
The default value is zero. – Birlamchi qiymat nolga teng.
Most people choose the default option. – Koʻpchilik birlamchi variantni tanlaydi.
Are you using the default settings? – Siz birlamchi sozlamalardan foydalanasizmi?
👉 Yuqoridagi kabi oʻrinlarda odatiy, standart soʻzlarini qoʻllasa ham boʻladi. Lekin birlamchi mosroq.
🟢 Boshqa maʼnolariga misollar:
I got a default notice in the mail yesterday. – Kecha toʻlov qilmaganim haqida eslatma oldim.
The whole countyʼs on the edge of default. – Butun mamlakat (okrug) defolt yoqasida turibdi. // Butun mamlakat defoltga yaqin.
Please default me, or else it could get dangerous for everyone. – Meni oʻyindan oling, yoʻqsa, bu barchaga xavfli boʻlishi mumkin.
They have defaulted on their debt repayments. – Ular qarzni soʻndirish boʻyicha majburiyatlarini bajarmadi.
#Soʻragan_edingiz
@oriftolib
Obunachilardan biri shu soʻzning tarjimasi haqida soʻrabdi. Bu inglizcha soʻz koʻp maʼnoli, oʻrniga qarab turlicha tarjima qilinishi mumkin. U birlamchi, odatiy, standart, yoʻqlik, mavjud emaslik, yetishmovchilik, defolt, oʻz vazifalarini bajarmaslik, aybdorlik, sudda qatnashmaslik, toʻlov qilmaganlik kabi maʼnolarga ega.
Agar saytlar, dastur va ilovalarni oʻzbekchalashtirayotgan boʻlsangiz, birlamchi soʻzi mos tushadi.
The default value is zero. – Birlamchi qiymat nolga teng.
Most people choose the default option. – Koʻpchilik birlamchi variantni tanlaydi.
Are you using the default settings? – Siz birlamchi sozlamalardan foydalanasizmi?
👉 Yuqoridagi kabi oʻrinlarda odatiy, standart soʻzlarini qoʻllasa ham boʻladi. Lekin birlamchi mosroq.
🟢 Boshqa maʼnolariga misollar:
I got a default notice in the mail yesterday. – Kecha toʻlov qilmaganim haqida eslatma oldim.
The whole countyʼs on the edge of default. – Butun mamlakat (okrug) defolt yoqasida turibdi. // Butun mamlakat defoltga yaqin.
Please default me, or else it could get dangerous for everyone. – Meni oʻyindan oling, yoʻqsa, bu barchaga xavfli boʻlishi mumkin.
They have defaulted on their debt repayments. – Ular qarzni soʻndirish boʻyicha majburiyatlarini bajarmadi.
#Soʻragan_edingiz
@oriftolib
Forwarded from Programming Deadlock
How I Experience Web Today
https://how-i-experience-web-today.com/
https://how-i-experience-web-today.com/
console.dir() chuqurligi
Bugun console.dir() da "depth" parametri borligini o'rgandim. Odatda Node.js da obyektlarni terminalga chiqarishda console.log() yoki console.dir() dan foydalanaman. Ikkovini farqini shu paytgacha sezmaganman. Faqat brauzer konsolida farqini bilar edim. (Siz bilasizmi?)
Xullas, odatda obyektlarni terminalga chiqarganda, obyektlar qisqartirib ko'rsatiladi, ya'ni "chuqurroq" joylashgan ma'lumotlar "[Object]" deb qisqartirib ketiladi.
Obyektlarni to'liq ko'rish uchun esa bunday qilish mumkin ekan:
"depth" - istalgan son, xatto Infinity bo'lishi mumkin.
Har xil JS bajarilish muhitlarida (runtime environment) sinab ko'rdim. Qizig'i, "Bun"da obyektlar doimo to'liq ko'rsatilar ekan.
Bugun console.dir() da "depth" parametri borligini o'rgandim. Odatda Node.js da obyektlarni terminalga chiqarishda console.log() yoki console.dir() dan foydalanaman. Ikkovini farqini shu paytgacha sezmaganman. Faqat brauzer konsolida farqini bilar edim. (Siz bilasizmi?)
Xullas, odatda obyektlarni terminalga chiqarganda, obyektlar qisqartirib ko'rsatiladi, ya'ni "chuqurroq" joylashgan ma'lumotlar "[Object]" deb qisqartirib ketiladi.
Obyektlarni to'liq ko'rish uchun esa bunday qilish mumkin ekan:
console.dir(obj, { depth: 100 });
"depth" - istalgan son, xatto Infinity bo'lishi mumkin.
Har xil JS bajarilish muhitlarida (runtime environment) sinab ko'rdim. Qizig'i, "Bun"da obyektlar doimo to'liq ko'rsatilar ekan.
Ishdagi kechagi suhbatdan:
- "Loader" komponenti animatsiyasi juda murakkab. Uni Lottie dasturidan foydalanib yaratsak bo'ladi.
- Uning uchun Lottie-player kutubxonasini ishlatish kerak-ku! Kutubxona hajmi katta.
- Katta bo'lsa, uni "dynamic import" qilsak bo'ladi.
- Aha, keyin "Loader"ni ko'rsatish uchun "Loader" ko'rsatamizmi?
- 😐
- 😐
- Unda qo'lda yozib qo'yaveramiz.
- "Loader" komponenti animatsiyasi juda murakkab. Uni Lottie dasturidan foydalanib yaratsak bo'ladi.
- Uning uchun Lottie-player kutubxonasini ishlatish kerak-ku! Kutubxona hajmi katta.
- Katta bo'lsa, uni "dynamic import" qilsak bo'ladi.
- Aha, keyin "Loader"ni ko'rsatish uchun "Loader" ko'rsatamizmi?
- 😐
- 😐
- Unda qo'lda yozib qo'yaveramiz.
Forwarded from Lingvist Iroda Azimova
Facebookdan:
"Bu dunyoda o‘qishi kerak bo‘lganlar juda ko‘p, ammo ular yozish bilan band."
Jaun Ella
@psixolingvist
"Bu dunyoda o‘qishi kerak bo‘lganlar juda ko‘p, ammo ular yozish bilan band."
Jaun Ella
@psixolingvist
#offtop
Shohrux repper endi mening Linkedindagi networkimda. 😬️️️️️️
"Aka men sizni ashaddiy muxlisizman!!!" deb yozvoraymikan-a? 🤔️️️️️️
Shohrux repper endi mening Linkedindagi networkimda. 😬️️️️️️
"Aka men sizni ashaddiy muxlisizman!!!" deb yozvoraymikan-a? 🤔️️️️️️
Forwarded from Kompyuter lingvistikasi, dasturlash va tilshunoslik
Bo'g'inlarga ajratuvchi dastur
O'zbek tiliga amaliy hissa qo'shaman degan bir yaxshi dasturchi aka, litseydoshim o'zbekcha so'zlarni bo'g'inlarga ajratadigan dastur tuzgan ekan.
Bir-ikkita "qiyshiq" so'zlar chig'irig'idan ham yaxshi o'tdi.
Imkoniyatlari:
➡️ BEPUL;
➡️ istalgan so'zni bo'g'inga ajratib beradi;
➡️ har bir tovush hosil bo'lish o'rni (til oldi, til orqa va h.k), umuman, sifatlariga ko'ra tasniflanadi;
➡️ ochiq/yopiq bo'g'inlar statistikasi beriladi.
Bo'g'inga ajratish qoidalari bilan endi tanishayotgan xorijlik talabalar, maktab o'quvchilari va ona tili ustozlari uchun yaxshi yordamchi bo'ladi.
🔗 Dastur havolasi:
https://fonetika.uz/
Shunaqa ishlarni ko'rsam, xursand bo'lib ketaman. Tilni sevish emas, unga yordam berish kerak!
Omad sizga, Diyorbek!
O'zbek tiliga amaliy hissa qo'shaman degan bir yaxshi dasturchi aka, litseydoshim o'zbekcha so'zlarni bo'g'inlarga ajratadigan dastur tuzgan ekan.
Bir-ikkita "qiyshiq" so'zlar chig'irig'idan ham yaxshi o'tdi.
Imkoniyatlari:
Bo'g'inga ajratish qoidalari bilan endi tanishayotgan xorijlik talabalar, maktab o'quvchilari va ona tili ustozlari uchun yaxshi yordamchi bo'ladi.
https://fonetika.uz/
Shunaqa ishlarni ko'rsam, xursand bo'lib ketaman. Tilni sevish emas, unga yordam berish kerak!
Omad sizga, Diyorbek!
Please open Telegram to view this post
VIEW IN TELEGRAM
Tilshunoshlikka oid loyihalarimdan yana biri bu Transliterator.Uz
Xususiyalari:
- Matnlarni lotin/kirill alifbosiga o'girish
- MS Ofiice fayllarni va oddiy matn fayllarni o'girish
- Deyarli barcha istisno so'zlar va qoidalarni aniqlay oladi
- Qisman transliteratsiya, ya'ni matnning faqat belgilangan qismini o'giradi
- Istisno so'zlar ro'yxatini kengaytirish
🔗 https://transliterator.uz
Github: https://github.com/diyorbek/lotin-kirill
Aytgancha, 100% client-side! Hech qanday serverlarsiz ishlaydi (albatta sahifani uzatuvchi serverdan tashqari)
P.S. Bu loyiha ham eskilaridan. Maqsad o'zi yuqoridagi Fonetika loyihasini kirill alifbosida ham ishlashini ta'minlash edi. Lekin lotin-kirill masalasi ham kichik narsa emasligini anglab yetganman.
Xususiyalari:
- Matnlarni lotin/kirill alifbosiga o'girish
- MS Ofiice fayllarni va oddiy matn fayllarni o'girish
- Deyarli barcha istisno so'zlar va qoidalarni aniqlay oladi
- Qisman transliteratsiya, ya'ni matnning faqat belgilangan qismini o'giradi
- Istisno so'zlar ro'yxatini kengaytirish
🔗 https://transliterator.uz
Github: https://github.com/diyorbek/lotin-kirill
Aytgancha, 100% client-side! Hech qanday serverlarsiz ishlaydi (albatta sahifani uzatuvchi serverdan tashqari)
P.S. Bu loyiha ham eskilaridan. Maqsad o'zi yuqoridagi Fonetika loyihasini kirill alifbosida ham ishlashini ta'minlash edi. Lekin lotin-kirill masalasi ham kichik narsa emasligini anglab yetganman.
Brogrammist
Tilshunoshlikka oid loyihalarimdan yana biri bu Transliterator.Uz Xususiyalari: - Matnlarni lotin/kirill alifbosiga o'girish - MS Ofiice fayllarni va oddiy matn fayllarni o'girish - Deyarli barcha istisno so'zlar va qoidalarni aniqlay oladi - Qisman…
Shu loyihalarni amalga oshirish uchun deyarli hamma ona tili darsliklarini o'qib chiqqanman. Maktab darsliklaridan to universitet dasrliklarigacha va boshqa qo'llanmallar va lug'atlar. Xatto, maktabdagi o'qituvchim bilan ham aloqaga chiqib, maslahatlashganman.
Balki dasturchi bo'lganim uchundir, ammo, anglaganim shuki, bizning O'zbek tilimiz qoidalari muammolarga to'la ekan. Ayniqsa alifbo masalasi. Shuning uchun ham balki tilimizni raqamlashtirishda juda ortda qolib ketganmiz menimcha.
Balki dasturchi bo'lganim uchundir, ammo, anglaganim shuki, bizning O'zbek tilimiz qoidalari muammolarga to'la ekan. Ayniqsa alifbo masalasi. Shuning uchun ham balki tilimizni raqamlashtirishda juda ortda qolib ketganmiz menimcha.
Frontendni o'rganyotganlar,
Qasyi tekin API servislardan foydalanisizlar portfolio yoki shunchaki o'rganish uchun?
Masalan, man themoviedb.org, openlibrary.org lardan foydalanardim. Sizchi?
Qasyi tekin API servislardan foydalanisizlar portfolio yoki shunchaki o'rganish uchun?
Masalan, man themoviedb.org, openlibrary.org lardan foydalanardim. Sizchi?
Brogrammist
Frontendni o'rganyotganlar, Qasyi tekin API servislardan foydalanisizlar portfolio yoki shunchaki o'rganish uchun? Masalan, man themoviedb.org, openlibrary.org lardan foydalanardim. Sizchi?
GitHub
GitHub - public-apis/public-apis: A collective list of free APIs
A collective list of free APIs. Contribute to public-apis/public-apis development by creating an account on GitHub.
Ko'pchilik ishlatadigan va ko'pchilik ustida ishlaydigan katta loyihalarning yoqimsiz tarafi, siz erkin ishlolmaysiz.
Kod sifati va barqarorligini ta'minlash uchun qo'yilgan qoidalar bora-bora ovoragarchilikka aylanadi. Chunki vaqt o'tishi bilan hamma narsa o'zgaradi. Lekin bu o'zgarishlarning barchasiga moslashib ulgurishning iloji yo'q.
Shunday qilib bitta "techical debt" 2-siga olib keladi, keyin 3-siga... va qarabsizki sizda bir uyum "legacy" kod paydo bo'ladi.
Noliyotganim yo'q! Bu shunchaki haqiqat.
Shuni unutmang, 2 xil kod bor:
1. O'ta tushunarli va sinchkovlik bilan yozilgan ideal kod.
2.Pul keltiradigan kod.
Rasm tarjimasi:
Kelajakda shu kod ustida ishlovchilardan bunday rasvogarchilik uchun oldindan uzr so'rayman. Bizning joriy CSS validator skriptimiz turli selektorlar ichida bir xil nomli o'zgaruvchilarni qayta e'lon qilishimga imkon bermadi (aks holda kod ancha sodda va o'qishli bo'lar edi).
Kod sifati va barqarorligini ta'minlash uchun qo'yilgan qoidalar bora-bora ovoragarchilikka aylanadi. Chunki vaqt o'tishi bilan hamma narsa o'zgaradi. Lekin bu o'zgarishlarning barchasiga moslashib ulgurishning iloji yo'q.
Shunday qilib bitta "techical debt" 2-siga olib keladi, keyin 3-siga... va qarabsizki sizda bir uyum "legacy" kod paydo bo'ladi.
Noliyotganim yo'q! Bu shunchaki haqiqat.
Shuni unutmang, 2 xil kod bor:
1. O'ta tushunarli va sinchkovlik bilan yozilgan ideal kod.
2.
Rasm tarjimasi:
Kelajakda shu kod ustida ishlovchilardan bunday rasvogarchilik uchun oldindan uzr so'rayman. Bizning joriy CSS validator skriptimiz turli selektorlar ichida bir xil nomli o'zgaruvchilarni qayta e'lon qilishimga imkon bermadi (aks holda kod ancha sodda va o'qishli bo'lar edi).
Ofisda meni yonimda Androidchi o'tiradi. Oq background qo'yib olgan u ham editoriga. Nega oq rang qo'yib olganini yaqinda so'ragandim. Ko'zing og'rimaydimi desam, menga shunaqasi yoqadi deb qo'ygandi. 🤷♂️
Mayli deb qo'yaverdim menam.
https://www.tgoop.com/JR_TwitGram/3048
Mayli deb qo'yaverdim menam.
https://www.tgoop.com/JR_TwitGram/3048
Telegram
JR TwitGram 🥂
Ishxonada men bir ham-kasbning oldiga borib:
- Siz jinoyatchimisiz?
- (hayron bo’lib) yo’q, jinoyatchi emasman. Nega unday deysiz? 😳😳
- Nega sizning code editoringizda OQ BACKGROUND?
- 😳😟😊😂
Yusufning postini ko’rib yodimga tushib ketdi: https://www.tgoop.com/androidyusuf/186
- Siz jinoyatchimisiz?
- (hayron bo’lib) yo’q, jinoyatchi emasman. Nega unday deysiz? 😳😳
- Nega sizning code editoringizda OQ BACKGROUND?
- 😳😟😊😂
Yusufning postini ko’rib yodimga tushib ketdi: https://www.tgoop.com/androidyusuf/186