[B! JavaScript][this] maaa328のブックマーク

elementとwindowサイズの取得 - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

maaa328 2014/07/27

リンク

この手法を使うと、webアプリでajaxを用いてpostしたときの体感速度がクライアントアプリ並になる。従来の方法 1.onclick="update(this);"などと設定 2.update(this)で更新クエリを発行 3.callback関数に処理が返ってくるのを待つ 4.更新クエリのcallback関数で更新内容をインターフェイスに反映 →callback関数に処理が返ってくるまでインターフェイスが反映がされず、遅い。みのるajaxpost高速化 1.onclick="update(this);"などと設定 2.update(this)で更新クエリを発行する前に、インターフェイスを更新 3.callback関数に処理が返ってくるのを待つ 4.更新に失敗していたら、callback関数でインターフェイス上で取り消し処理やエラー処理をする →callback関数に処理が返ってくる

maaa328 2014/06/26

リンク

サイドバー表示が終わるまで下にスクロールしたら「おすすめ記事」を追尾させる - 太陽がまぶしかったから

「おすすめ記事」を追尾させたい長文記事を書くとスクロールしていくうちに、サイドバーががら空きになってしまうので、このスペースを有効利用できないかと考えました。表示機能自体は『はてなブログの「最新記事」サイドバーを魔改造する - 太陽がまぶしかったから』の発展になります。おすすめエントリ要素より下にスクロールしている場合はスクロールに追尾して、上側にいる場合はスクロールに追尾しません。表示するエントリははてなブックマークの人気エントリからランダムに4つ選択しています。サイドバーが下側に無限に伸びるイメージ。PC版だけで動作します。スクリプト設置サイドバーの最後に「HTML」モジュールを作成し、以下のスクリプトの変数部分を編集した上でコピペします。スタイルについては『はてなブログの「最新記事」サイドバーを魔改造する - 太陽がまぶしかったから』と同じ構造なのでそちらをご参考にカスタマイ

maaa328 2014/04/06

リンク

連休中に短時間でプログラミングを学ぶなら「CODEPREP」がお勧め

CODEPREPは、プログラミングをオンラインで書きながら覚えることができる学習サービスです。プログラミングの基礎から応用、アプリ開発までを学ぶことができます。 CODEPREPは、ブラウザ上で実際にコードを入力し実行結果を確認しながら、プログラミングを学べるオンライン学習サイトです。ブラウザ以外、特に何も必要とせず、実際に入力していくことで短時間でも学習効果が得られます。同様のオンライン学習サイトは他にもあるのですが、「CODEPREP」は講座の数が多く「Three.jsで作る3Dグラフィックス基礎」や、「CSS3&jQueryで作る2Dゲームモーション」など他ではあまりみられない講座があるので、選択のしがいがあるのではないでしょうか。他にも、「グリッドレイアウト」や「パララックス」「スライドショー」などの実践的な講座も多数あるので連休中にプログラミングを学ぶのにお勧めです。

maaa328 2014/03/16

リンク

JavaScript の bind は超絶便利なんだけど・・・ - ひとりSE

JavaScript には、「bind」というかなり便利なメソッドがあります。このメソッドを使うことで、this にまつわる良く有る問題をいい感じに解決できます。 thisではまるケース var User = function (name) { this.name = name; } User.prototype.printName = function() { // このメソッド内で使う this が曲者 alert('My name is ' + this.name); } var taro = new User('Taro'); taro.printName(); //「My name is Taro」と表示されるこの場合、taro.printName() という形でコールしているので、printName() メソッド内の this は期待通り taro を指します。なので無事