Vue.js Vue.js v-onceディレクティブ
Vue.jsのお勉強。 Vueによるレンダリングを「1度だけ」に限定するためには ｖ−once ディレクティブを指定します。これによって、初回表示以降、JavaScript側で変数の値を変更しても初回表示の内容を維持し続けることが可能です。...
Javascript
Vue.js Vue.js Vue.jsでマスタッシュ{{･･･}}を表示させない
Vue.jsのお勉強。 通常、何も指定しないでマスタッシュタグを表示すると、「{{･･･}}」が一瞬（Vueのインスタンスがコンパイルされるまで）表示されます。 これを回避するため、タグに「v-cloak」ディレクティブを指定し、CSSで ...
Vue.js Vue.jsでToDoList
Vue.jsのお勉強。 とりあえずデータの保存は置いておいて、 ・TODOリストの追加、削除 ・チェックボックスにチェックで取り消し線表示 を実装するまで。 操作イメージは以下のような感じで。 HTML <html lang="jp"> <...
Javascript jQueryでback to top
画面右下に、ページTOPへ戻るためのボタンを表示します。 これってHTMLだけでも実現可能ですが、jQueryを使って下にスクロールした時だけ表示するとか、アニメーションで戻すといった表示を実現するためコレ（↓）を採用。 JavaScrip...
Javascript jQueryでカルーセル
「なんか画像がクルクル回転するやつ」のことをカルーセルというようです。 jQueryのプラグインとして色々と提供されていますが、サンプルとして「bxslider」を使った例を。 手順は下記の３つ。 １．ヘッダに下記３つを記述 <link r...