بازسازی کد CSS – انجمن DEV

Refactor به معنای تغییر ساختار کد منبع یک برنامه کاربردی یا نرم افزار به منظور بهبود عملکرد بدون تأثیر بر عملکرد است.
برنامه نویسان باید از اصل DRY (خودت را تکرار نکن) پیروی کنند و از WET (ما از تایپ لذت می بریم) اجتناب کنند.
دلایل بازآفرینی کد
خوانایی
مدولار بودن
بهره وری
طول
خوانایی به میزان آسانی درک کد شما برای برنامه نویسان دیگر است. تغییر شکل کدتان باعث میشود آن را کمتر پرحرفی کنید، درنتیجه انجام آن سختتر است.
ماژولار بودن به آسانی استفاده از بیت های کد شما مربوط می شود. برای رسیدن به این هدف، همه کدهای استایل باید فقط در فایل(های) CSS تعلق داشته باشند.
کارایی سرعت اجرای کد شما را تعیین می کند.
کاهش طول کد، خوانایی را بهبود می بخشد.
در زیر مراحلی برای اصلاح مجدد کد css وجود دارد:
انتخابگرهای خود را به طور سیستماتیک مرتب کنید.
از کلاسها بهعنوان انتخابگر برای استایلهای خاصتر مانند اندازه قلم و ارتفاع خط استفاده کنید.
برای گنجاندن چندین انتخابگر، با کاما جدا کنید.