数年前からさやかれている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'
});