タグ

ブックマーク / tacamy.hatenablog.com (3)

  • jQuery.ajax()の代替としてFetch APIをざっくり使ってみる - tacamy--blog

    jQueryを使わずにAjaxをしたくて、とはいえ生のXHR(XMLHttpRequest )を扱うのはめんどくさいっていうときに、Fetch APIを使ってみました。そのとき調べたことの覚え書きです。 Fetch APIって? ここに、Jxck先生のすばらしい記事があります。 jxck.hatenablog.com 正直ぜんぜん理解できてないのですが(🙇)、ものすごくざっくりいうと、 jQueryのAjax並に簡潔に記述できる Promiseベースの設計で、結果はPromiseで返される XHRよりも細かな制御ができる みたいな感じなのかなと思いました。 ちなみに、先の記事では単なるXHRの代わりじゃないと記載されてるので、FetchとかFetch APIの理解にはそちらを読んでもらった方がいいかと思います。。 ブラウザサポート状況 Can I use... Support table

    jQuery.ajax()の代替としてFetch APIをざっくり使ってみる - tacamy--blog
  • Vue.js Tokyo v-meetup="#3" に参加してきました - tacamy--blog

    vuejs-meetup.connpass.com 申し込んだ時点で213/80人と絶望的だったのですが、たまたまブログ書く枠が空いたので勢いでポチってしまいました。ただ、私はVue.js初心者(※)なのでブログを書けるほど内容が理解できるのかかなり不安でしたが、結果的にどのトークも楽しめました(理解したとは言ってない)。なので、同じような初心者の方でも、興味があれば参加してみるとよいのではと思います。 (※)人がつくったアプリ(Vue 1.x)の改修をしたり、開発合宿でミニマムな評価アプリ(Vue 2.x)をギリギリつくった程度のレベルです。 以下、それぞれのトークの内容のメモです。 Vue.js の中身 - 算出プロパティはどうやって動いているか @kitak https://kitak.github.io/slides/170316-vue-meetup/ Vue.jsのようなライブ

    Vue.js Tokyo v-meetup="#3" に参加してきました - tacamy--blog
  • jQuery の on() と off() を理解する - tacamy--blog

    初心者向けのとかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')

    jQuery の on() と off() を理解する - tacamy--blog
  • 1