Web制作忘備録

jQueryが終わり?

トップ MEMORANDAM JS

jQueryが終わり?

JS

数年前からさやかれているjQueryオワコン説を最近知りました。
急いで調べてみたところ、他のJavascriptのライブラリが発達して三大Javascriptフレームワークとかができた為に、ぼちぼちいらない判定されているみたいです。
英語ばっかりむにゃむにゃ書いてるのが多かったのでめっちゃ簡単に覚え書きしておきます。

jQueryとは?

  • Javascript詳しい人が作ったまとめみたいなファイル
  • めっちゃ便利
  • 色々動かせるからおしゃれになる
  • わからないことは調べたらすぐ出る

特徴

・決まったクラスに決まった動きをつけていく感じ
・中身が変わったりする動的なものには、その分処理がいるから重くなりがち
・ライブラリが重いレンダリングブロックしてくる

三大Javascriptフレームワークとは?

  • Angular、React、Vue
  • 1ページ内にパーツを置いて作れるモジュール系の作り方ができる
  • だからアプリ見たいなオシャレな動きになる
  • まあまあ最近なので調べても解決法があんまり出ない

特徴

・全体的に覚えるのがむずい Angular > React > Vue の順で簡単
・1ページで済むので読み込みが早い
・最先端ぽくてかっこいい

デザイン+フロントエンド系はVueのほうが入りやすいようなのでVueと比較

Jquery VS Vue スムーススクロールで対決!

jQuery

$(function(){
$('a[href^="#"]').click(function(){
  varadjust = 0;
  varspeed = 400;
  varhref= $(this).attr("href");
  vartarget = $(href == "#"|| href == ""? 'html': href);
  varposition = target.offset().top + adjust;
  $('body,html').animate({scrollTop:position}, speed, 'swing');
  returnfalse;
  });
});

Vue

Vue.use(vueSmoothScroll);
newVue({
  el: '#app'
});

結論

覚えたらVueの方が絶対に早いが!
実装が手間なのでjQueryはオワコンではない!