Web_programming
1.14K subscribers
354 photos
14 videos
125 files
1.23K links
Sharif web programming
If you have any questions, please feel free to ask(@yumcoder)
Download Telegram
همانطور که مشاهده میکنید بخشی از box ابی که در صفحه می اید متوجه میشویم. روشهای دیگری برای این کار وجود دارد که اغلب مشکل performance دارند
Web_programming
https://cdn.polyfill.io/v3/
کاربرد:
برخی از خصیصه های جدید در javascript در برخی browserها و یا برخی نسخه های خاص پشتیبانی نمی شوند
مثلا در لینک زیر
https://caniuse.com/#search=forEach
می بینید که دستور forEach در کدام browserها پشتیبانی میشود.
در چنین مواقعی اغلب یک pollyfill برای آن می نویسند به عبارت دیگر
‍‍‍

if (window.forEach != undefined){ // browser does not support
window.forEach = ....
}‍‍‍
‍‍‍

یعنی یک تایع برای browser ای که support نمی کند می نویسم و آن خصیصه را اضافه می کنیم
حال برخی می گویند این باعث افزایش کد و کاهش سرعت بارگذاری برای همه کاربران می شود
خوب سایتی مانند pollyfill برای مت این امکان را فراهم می کند که یک درخواست به آن بفرستیم و اگر browser کاربر خصیصه مورد درخواست را پشتیبانی نمی کرد در پاسخ کد مناسب برای این منظور ارسال کند در غیر اینصورت یک پاسخ خالی ارسال می کند.
بدین ترتیب باعث افزایش سرعت برنامه و همچنین پیشتبانی مورد انتظار از browserهای مختلف خواهیم رسید
مشکل بعدی خود این pollyfill هم از اندروید ۴.۳ به بعد رو support می کند
https://cdn.polyfill.io/v3/supported-browsers/

😂😂 اکنون مریدان جامعه بدرند

امروزه طراحی یک برنامه خوب کار ساده ایی نیست

اگر می گوید می رویم سراغ روشهای cross platformها که راحت باشیم یادمان باشد معمولا حجم برنامه تولید شده با آنها بیشتر است (زمان بارگذاری بیشتر) 😂😂😂
فردا زمانی در تقویمی فارسی خواهیم داشت که همه اعداد به ترتیب خواهند بود :)
۹۸/۷/۶ ۵:۴۳:۲۱
یک سایت روسی هست که خیلی از کتابها رو میشه توش پیدا کرد!
هر چند که استفاده از این کتابها بدون پرداخت کار درستی نیست ولی واقعا با وجود عدم امکان پرداخت و دریافت راه دیگری نمی شناسم! خداوند خودش ما را به راه راست هدایت کند

http://gen.lib.rus.ec/
table vs flex
https://benfrain.com/css-performance-test-flexbox-v-css-table-fight/

این مقایسه ها به تنهایی معیار خوبی برای تصمیم نهایی نیستند و پارامترهای مانند میزان پشتیبانی - جامعه هدف و... نیز در نتیجه گیری مهم هستند
- هدف از انتشاراین پست رویکرد میتنی بر تست است
اگر بخواهید سایت را سیاه و سفید کنید :)

body { filter: grayscale(1); }
دیشب یک سایت فارسی و یک کانال خوب در حوزه css دیدم و آن را با شما به اشتراک می گزارم
مطلب css را به صورت ساده توضیح داده است

https://t.me/CSSTricks
https://css-tricks.ir
برای کارهای تبدیل تصویر به متن میتوانید از لینک زیر بهره بگیرید. فارسی را نیز بخوبی پشتیبانی میکند. مثلا یک pdf دارید میخواهی به متن تبدیل کنید یا دست نوشته را تبدیل به متن کنید

پ.ن برای دور زدن captchaهای ساده سایتهای ایرانی ازش استفاده نکنید برای ان کار راههای بهتری است!

https://github.com/tesseract-ocr/tesseract
اگر input element شما وقتی که کیبورد بر روی موبایل باز می شود بر زیر کیبرد می رود. می خواهید در وب رفتاری شبیه به
android:windowSoftInputMode="adjustResize"
در اندروید داشته باشید یعنی صفحه به صورت خودکار اسکرول شود می توانید در رخداد resize در پنجره اصلی از کد بالا بهره بگیرید

هنگامی که کیبرد باز می شود رخداد resize
window.addEventListener('resize', handleResize);

صدا زده میشود شما میتوانید با گوش دادن به این رخداد در حالتی که درون موبایل هستند بر روی المان فعال در صفحه اسکرول کنید
Forwarded from mobile_programming