JavaScript CSS pomocníci

Trávím spoustu času prohlížením zdrojového kódu JavaScript frameworku. Bez ohledu na to, ke kterým frameworkům máte věrnost, můžete se toho strašně moc naučit, když nahlédnete pod pokličku široce používaných sbírek kódů. Jeden z mnoha užitečných úryvků lze nalézt ve zdrojovém kódu MooTools:funkce pro kamelizaci a dělení slov, takže váš vlastní minimální rámec může přijímat buď formu CSS setteru nebo getteru. Zde jsou funkce v celé své kráse.

JavaScript

Jak jste pravděpodobně uhodli, tento úkol se nejlépe provádí s regulárními výrazy:

function camelize(str) {
	return (str + "").replace(/-\D/g, function(match) {
		return match.charAt(1).toUpperCase();
	});
}
camelize("border-bottom-color"); // "borderBottomColor"


function hyphenate(str) {
	return (str + "").replace(/[A-Z]/g, function(match) {
		return "-" + match.toLowerCase();
	});
}
hyphenate("borderBottomColor"); // "border-bottom-color"

Pár opravdu užitečných JavaScript String k odpovídajícím funkcím formátu String. Místo toho, abyste očekávali řetězce pouze v jednom formátu, vaše mini knihovna nyní může přijímat oba!