新しい日記

新しい日記

JavaScript

クロージャを理解したような気になっていたが…

先日クロージャの説明を求められて、堂々とスコープのことを説明をしてしまい、ウーン…違う…とさせてしまうという出来事がありました。 その場でクロージャの例についてお教え頂き、そのときは「クロージャってそういう意味なのか!」と納得した気になってい…

jQuery なしでスムーススクロール実装するときのベストプラクティスがわからない

jQuery で便利なのは offset 系の処理だと思うんだけど、 offset 系の処理で最も頻発するのはスムーススクロールだと思ってる。 とりあえず何秒かごとにターゲットの場所までちょっとずつスクロールしていくだけという雑なコードを書いているんですがうまい…

javascript reduce(), reduceRight()

隣り合う 2 つの配列要素に対して(左から右へ)同時に関数を適用し、単一の値にします。 by MDN以下の様な感じで、 配列の総計を出したりするのに使えます var sum =function(arr){ var value = arr.reduce(function(a,b){ return a+b; }); return value; }…

gulp で browserify

ちょっと前から話題の browserify を導入してみました。 browserify とは? javascript で require ができるようになる。 jquery だとか、その他いろいろなライブラリを使っていると、その依存関係を考慮して html 順番に読み込ませたり、 あるいは順番に co…

gulp-run-sequence is deprecated

というわけなのでgulp-run-sequenceを使っていたところは、run-sequenceに移行しましょう。run-sequencewww.npmjs.comgulpfile.jsの書き方は全く一緒。

colorboxをスワイプ対応にする

lightbox系プラグインで有名なcolorboxですが、スワイプなどのタッチ操作に対応してない。 colorboxはインライン要素などを表示できたりと機能豊富なのがいいんですが、他によさげなプラグインがなかったので、タッチ操作に対応させる手段として、jQuery.eve…

画像の高さの取得

はまったcontainerの中のimg要素の高さを取得してcontainerに取得した高さを適用させたいHTML <div class="container"> <img src="xxx.jpg" alt=""> </div>以下の様なjQueryを書いたけどうまくいかず、取得されたheightは0となってしまった。jQuery $(function(){ var height = $('.container > img').height(); $('.…

js置く場所

jsはの前に置くというの,慣習的に行っておりましたが,どうやらそうじゃないほうがいいときもあるとわかった.ssig33.com - JavaScript を最下段で読み込むのがあまり有効ではない理由慣習的にやっていたといったとおり,なぜ?ときかれると「jsを最後にい…