- Vue vs React vs Angular Part.5
775 ：デフォルトの名無しさん[sage]：2020/10/18(日) 08:00:05.71 ID:0puAkJ4t - document.querySelectorAll('div.highlighted').forEach(ele=> Object.assign(ele.style, {color: 'red', backgroundColor: 'white'}))
$('div.highlighted').css({color: 'red', backgroundColor: 'white'});
一行のものはだいたい半分になる。
だがそれよりも重要なのは「宣言的」であるということ
forEachというループが無くなっている
| - Vue vs React vs Angular Part.5
777 ：デフォルトの名無しさん[sage]：2020/10/18(日) 08:19:09.73 ID:0puAkJ4t - >>776
jQueryが裏で回す（十分テスト済み）＝自分でやらないからバグが減る
| - Vue vs React vs Angular Part.5
778 ：デフォルトの名無しさん[sage]：2020/10/18(日) 08:27:01.54 ID:0puAkJ4t - jQueryとレビューする点を見れば
どちらが大変かなんて明らかなのよ
document
querySelectorAll → $
('div.highlighted') → ('div.highlighted')
forEach(
ele=>
Object
assign(
ele.style, → css
{color: 'red', backgroundColor: 'white'})) → ({color: 'red', backgroundColor: 'white'});
jQueryだと4箇所見るだけですむが、DOM APIだと 9箇所もある
|
|