ترفند 21 : اضافه کردن سریع رنگ پس زمینه و متن
بیشتر وقتا لازمه برای تست، رنگ متن یا پس زمینه به استایلهامون اضافه کنیم. برای اینکار لازم نیس که چیزی تایپ کنید و به سرعت میتونین این کارو انجام بدین. سایت w3scools رو باز کرده و در اون Inspector رو باز کنید. تگ body رو انتخاب کنید:
اگر به سمت راست و در بخش استایل‌ها نگاه کنیم، بصورت زیر هست:
اگر بر روی ... مشخص شده در بالا هاور کنیم، بصورت زیر خواهد شد:
- با استفاده از این آیکون میتونین یک رنگ پس زمینه اضافه کنید
- با استفاده از این آیکون میتونین یک رنگ متن اضافه کنید
روش کلی بصورت زیر هست:
دیدید که چقدر راحت میشه این کار رو انجام داد.
ترفند 22 : ثبت کردن بهتر آرایه و object با استفاده از console.log
همونطور که میدونین میتونین درون console کارهای زیادی رو انجام بدین و کدهاتون رو تست کنید. برای مثال من این آرایه رو در Console قرار میدم:
var languages = [ { name: "JavaScript", fileExtension: ".js" }, { name: "TypeScript", fileExtension: ".ts" }, { name: "CoffeeScript", fileExtension: ".coffee" } ];
همونطور که میبینید این آرایه سه عضو داره و هر عضو اون یک شئ هست. این کد رو درون Console قرار میدم و اینتر میزنم:
همونطور که دیدید متغیر languages رو تعریف کردم و undefined به من برگشت داده شد. تا قبل از این هر وقت میخاستیم یک آرایه رو چاپ کنیم، بصورت console.log عمل میکردیم که نتیجش بصورت زیر میشه:
یه راه بهتر و حرفه ای‌تر هست که میتونیم آرایه‌ها رو با استفاده از اون چاپ کنیم. برای اینکار از console.table استفاده میکنیم:
دیدید که با اینکار به زیبایی یه جدول رسم میشه و اطلاعات درون ردیف و ستونها قرار داده میشن. همچنین با کلیک بر روی هر title، جدول بر اساس اون بصورت نزولی یا صعودی مرتب میشه. با استفاده از این ویژگی میتونین خیلی خوب آرایه و شئ هاتون رو چاپ و بررسی کنید.
امیدوارم از این مطلب خوشتون اومده باشه.
موفق باشید
یا علی
اولین دیدگاه این پست رو تو بنویس !