2017-01 / 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
2017-01-27 (金)
■ 同じ Ajax 処理を Vue.js と jQuery で書いてみた [JS]
最近 Vue.js で、ようやくリアクティブプラグラミングに入門できました。
会社で毎週金曜日に開催されている、インフラ共有会(!)で Vue.js と
jQuery の違いを紹介しました。メモがてら、貼り付けておきます。
順番的には Vue.js で書いたものを jQuery で書き起こしました。
jQuery + Ajax
- JS が HTML を生成したり、HTML の DOM 構造を知る必要があり、変更
に弱い
- HTML コードを見ても、ol タグの中身が空っぽで、これから何が入るの
か不明。JS も読む必要がある
Vue.js + Ajax
- JS はほぼ関数定義に特化している。HTML の DOM 構造も知らなくて良い
- HTML コードを読めば、どんなレンダリングがされるか想像がつく。v-
から始まる、データ＆モデルバインディング等があるが、無視して読むこ
とも可能
2017-01 / 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
最終更新時間: 2017-06-26 09:56
| 最近の話題 |
| - 2017-06-26 『プログラマのためのGoogle Cloud Platform入門』を読んだ - 2017-06-02 AWS Summit Tokyo 2017 に行ってきた #AWSSummit - 2017-05-28 GitHub Organization をメンテナンスするスクリプトを作った - 2017-04-29 Docker ではないコンテナ systemd-nspawn を使ってみた - 2017-04-16 CircleCI 2.0 で capistrano デプロイしてみた - 2017-04-15 CircleCI 2.0 をローカルで実行できる circleci コマンドとは何者か - 2017-04-13 Rails リポジトリに CircleCI 2.0 を導入した |
| 最近追記された記事 |
| - 2017-04-29-1 (57日前) - 2017-04-13-1 (71日前) - 2017-04-13-1 (73日前) - 2017-03-02-1 (115日前) - 2017-02-25-1 (120日前) - 2017-02-21-1 (124日前) - 2015-06-07-1 (130日前) - 2016-10-19-1 (139日前) - 2016-01-01-1 (151日前) - 2015-01-04-1 (160日前) |
| カテゴリ |
| - Anthy (3) - Apache (11) - Apple (1) - ATOK (4) - au (3) - AWS (18) - Bazaar (1) - Berkshelf (2) - BigQuery (1) - BitBar (3) - Book (86) - Boxen (2) - Bugsnag (1) - C (26) - capistrano (4) - chalow (56) - ChatWork (1) - Chef (17) - Chrome (3) - Chromecast (1) - CircleCI (10) - Comics (2) - Cooking (10) - cvs (15) - cygwin (12) - D3.js (1) - Debian (55) - Docker (3) - E-mail (8) - elasticsearch (4) - Emacs (219) - Emacs講座 (10) - English (4) - feedforce (7) - fetchmail (3) - Firefox (20) - Fluentd (4) - ftp (1) - Game (20) - GCP (1) - Gem (5) - Git (9) - GitHub (16) - Go (5) - Google (1) - gpg (4) - GrowthForecast (7) - Health (3) - Heroku (9) - Homebrew (10) - HTML (6) - iBook (1) - iPhone (15) - IRC (1) - Jenkins (8) - JS (1) - Karabiner (1) - KeySnail (3) - Kibana (1) - Kindle (1) - Langrich (7) - LDAP (6) - Life (19) - Linux (6) - Mackerel (1) - Mew (18) - MongoDB (1) - Mozilla (19) - Music (1) - MySQL (1) - NAS (4) - nginx (6) - NHK (1) - Node (1) - ntp (4) - OOP (1) - OpenID (2) - openssl (1) - Opera (2) - OSX (41) - Perl (14) - PHP (19) - PostgreSQL (1) - procmail (4) - Programing (3) - Puppet (1) - Python (2) - Rails (12) - Rake (2) - RaspberryPi (1) - RedHat (29) - Redmine (3) - Rspec (1) - Ruby (49) - samba (3) - screen (7) - sed (5) - serverspec (6) - sh (8) - Slack (2) - Solaris9 (22) - Spring (2) - ssh (4) - StatusNet (21) - svn (12) - Swift (1) - Tablet (1) - tdiary (3) - Twitter (14) - Twmode (6) - Ubuntu (5) - UNIX (102) - vagrant (8) - Video (21) - vim (1) - Wercker (9) - Windows (29) - Wine (3) - XML (11) - XP (1) - zsh (25) - インストールメモ (33) - クイックシェイプ (12) - ネタ (15) - 勉強会 (14) - 携帯 (6) - 正規表現 (4) |
| 過去ログ |
| 2017 : 01 02 03 04 05 06 07 08 09 10 11 12 2016 : 01 02 03 04 05 06 07 08 09 10 11 12 2015 : 01 02 03 04 05 06 07 08 09 10 11 12 2014 : 01 02 03 04 05 06 07 08 09 10 11 12 2013 : 01 02 03 04 05 06 07 08 09 10 11 12 2012 : 01 02 03 04 05 06 07 08 09 10 11 12 2011 : 01 02 03 04 05 06 07 08 09 10 11 12 2010 : 01 02 03 04 05 06 07 08 09 10 11 12 2009 : 01 02 03 04 05 06 07 08 09 10 11 12 2008 : 01 02 03 04 05 06 07 08 09 10 11 12 2007 : 01 02 03 04 05 06 07 08 09 10 11 12 2006 : 01 02 03 04 05 06 07 08 09 10 11 12 2005 : 01 02 03 04 05 06 07 08 09 10 11 12 2004 : 01 02 03 04 05 06 07 08 09 10 11 12 2003 : 01 02 03 04 05 06 07 08 09 10 11 12 2002 : 01 02 03 04 05 06 07 08 09 10 11 12 2001 : 01 02 03 04 05 06 07 08 09 10 11 12 |
