Bugünlerde Sass veya LESS gibi herhangi bir CSS önişlemcisi kullanmayan nadiren çok az proje var. Yaygın olarak kabul gören ve avantajları oldukça açık olsa da (daha fazla yapılandırılmış kod gibi, include
performans düşüşü ve diğerleri gibi). huge
dezavantajları varsa dolaşıyordum. Hemen düşünebildiğim biri, repaints/reflow'lar sırasında kötü performans gösterebilecek çok büyük iç içe geçmiş seçmenler. not
'un önişlemciyi kullanmasının başka nedenleri var mı?CSS önişlemcilerinin (örn. Sass, LESS) kullanımının avantajları/dezavantajları nelerdir (örneğin, Sass, LESS)
cevap
Önişlemcilerle bulabileceğiniz bir şey, yuvalama nedeniyle büyük miktarda css ile sonuçlanmasıdır. Küçük bir projede, kontrol altında tutulacak css miktarını korumak için disiplini gerektiren çok sayıda geliştiriciyle büyük bir projede kontrol altında tutmak kolaydır.
Bunun için bir rica. Son zamanlarda neredeyse hiç SCSS'den 187 karakterli bir multiselector oluşturan bir seçici yaptı. Basit görünür ve SCSS'de takip edilmesi kolaydır, ancak normal CSS kadar neredeyse kararsızdır. SCSS, organizasyon için mükemmeldir, ancak CSS çıktınızı mutlaka izlemelisiniz. – Scott
@Jaxo Sürdürülebilirlik bir sorun değil (SCSS dosyasını koruyacaksınız), ancak gereksiz büyüklükte. Sadece # # sidebar-automatic.automatic-locked 'muhtemelen yeterli olurdu. Ama bu cevap için benden +1. Doğru kullanmak için pratik ve disiplin gerektirir. Yuvalamayı yalnızca ihtiyacınız olduğunda, yani, düz CSS dosyalarınızı yerleştirmek isteyebileceğiniz durumlarda kullanın. – GolezTrol
Daha büyük olanı bulmak için stil sayfamdan geçiyordum ve sanırım onu buldum: 'giriş [liste] :: - webkit-giriş-yer tutucu: sonra, [liste] :: seçimini seçin. - webkit-giriş-yer tutucu: sonra, [liste] :: - webkit-giriş-yer tutucu: sonra, textarea [liste] :: - webkit-giriş-yer tutucu: sonra '... Ne yazık ki, bu çok daha fazla temizlenemez söyledi. – Scott
- 1. Autoprefixer vs LESS/Sass karışımları?
- 2. .less css dosyaları
- 3. CSS - LESS sınıfı kalıtım
- 4. Ayarlanmamışsa LESS değişkeni
- 5. Sass -
- 6. Sass --watch, ancak CSS
- 7. LESS: Bootstrap
- 8. CSS LESS Yer Tutucu Karıştırıcı
- 9. Sass
- 10. SASS
- 11. SASS
- 12. LESS WordPress'te çalışmıyor
- 13. Sass fonksiyonu
- 14. Raylar Sass
- 15. Düğüm-sass üzerinden Symfony assetik sass filtresi?
- 16. CSS ve göreli yolları içe aktarma LESS
- 17. Modernizr için yararlı LESS CSS sözdizimi
- 18. LESS css çalışmıyor, bu kurulumda sorun ne
- 19. CSS modüllerini LESS + yuvalama ile kullanabilir miyim?
- 20. ASP.NET MVC3: Yayımlama, CSS (.less) dosyamdan hariç
- 21. Göreli yol ile LESS CSS arka plan
- 22. Sadece 1 LESS CSS dosyası aktif
- 23. .Less dosya uzantısı derlenmemiştir
- 24. Kaçmıyor LESS çalışmıyor
- 25. Sass, Compass, tüm CSS dosyasını bir
- 26. LESS Yakut Derleyici Hatası
- 27. Yuvarlak köşeli masalar LESS
- 28. Sass otomatik tamamlama 3
- 29. Intellij, 2 boşluk (LESS) yapmak üzere yapılandırdığımda 4 boşluk (LESS)
- 30. noESS.js ile LESS kullanma
Tek dezavantaj, dikkat etmediğiniz takdirde BIG CSS dosyalarına neden olabilecek çok küçük, yalın SCSS kodu yazabilmenizdir. Ama bu, tüm büyük faydalar için ödenecek küçük bir bedel. CSS HTTP yanıtında sıkıştırılabilir ve proxy'ler ve tarayıcılar tarafından önbelleğe alınabilir, bu yüzden bir sorun değildir. – GolezTrol
Seçici yerleştirme riski (derinlere), CSS'nizin yalnızca belirli bir HTML yapısı için çalışacağıdır. HTML'nizdeki değişiklikler stillerinizi kırıyor. Yuvalı LESS/SASS'ın dürüst olmayan CSS'ye derlendiğine dikkat edin. Daha iyi organize etmek için BEM gibi metodolojileri kullanabilirsiniz Daha az/SASS/CSS –
Buradaki tüm dezavantajları burada yazdım: http://adamsilver.io/articles/the-disadvantages-of-css-preprocessors/ –