hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

vue関連メモ

そもそも(隣のあの子と何が違うの)

オープンソースのjQueryとVue.jsを比較
https://www.ossnews.jp/compare/jQuery/Vue_js
↑使い方でどっち使うか決めよーねーってはなし

脱jQueryのためにしたこと – ICS MEDIA
https://ics.media/entry/17451

入門

webpack環境を作る
最新版で学ぶwebpack 4入門 – Babel 7でES2018環境の構築(React, Vue, Three.js, jQueryのサンプル付き) – ICS MEDIA
https://ics.media/entry/16028#webpack-babel-vue

初めてのVue.js(jQuery脳からの移行をメインに) – Qiita
https://qiita.com/hoshimado/items/12df6fa00c102d087960

jQuery から Vue.js へのステップアップ – Qiita
https://qiita.com/mio3io/items/e7b2596d06b8005e8e6f

公式

Markdown Editor — Vue.js
https://vuejs.org/v2/examples/index.html

API — Vue.js
https://jp.vuejs.org/v2/api/#v-on

Enter/Leave とトランジション一覧 — Vue.js
https://jp.vuejs.org/v2/guide/transitions.html#%E3%83%AA%E3%82%B9%E3%83%88%E7%A7%BB%E5%8B%95%E3%83%88%E3%83%A9%E3%83%B3%E3%82%B8%E3%82%B7%E3%83%A7%E3%83%B3

記述サンプル

vue.jsだけで、モーダルのオーバレイ機能を作成する – Qiita
https://qiita.com/poster-keisuke/items/1c11c222a050686e671e

スクロール取得
Edit fiddle – JSFiddle
https://jsfiddle.net/z11fe07p/1088/

Vue.jsでスクロール範囲内に入るとクラス付加するやつ – プラウダ
http://pravda.klaraworks.net/entry/2017/09/11/224457

Vue.jsで固定ヘッダ、トップへスクロールボタン – Qiita
https://qiita.com/hashrock/items/cf3abd70a56c5c97ccb4
アニメーションヘッダとScroll to Top – Plunker
http://embed.plnkr.co/1XPFqJ/

プラグインザックザク

スクロールシーン制御系スクローラマ
Easy scroll driven interactions with Vue + Scrollama
https://vuejsexamples.com/easy-scroll-driven-interactions-with-vue-scrollama/

demo
https://vue-scrollama.now.sh/#/progress

vue-scrollama – Sticky Graphic 1 – CodeSandbox

【脱jQuery】Vue.jsで簡単に「トップへ戻るボタン」を作る方法 – cmblog
https://masatoshihanai.com/vue-scrollto/

ついでに。メモ。

javascript – npm package-lock.json がなぜ必要なのかがわからない – スタック・オーバーフロー
https://ja.stackoverflow.com/questions/42788/npm-package-lock-json-%E3%81%8C%E3%81%AA%E3%81%9C%E5%BF%85%E8%A6%81%E3%81%AA%E3%81%AE%E3%81%8B%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%89%E3%81%AA%E3%81%84

JavaScriptでjQueryを使わずにイベントをtriggerする – Qiita
https://qiita.com/ryounagaoka/items/a48d3a4c4faf78a99ae5


投稿日

カテゴリー:

, ,

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください