AjaxScroll is an lightweight jQuery plugins that provided the ajax scollpane to replace the Next/Previous buttons, behaviour similar as dzone.com or MSN Image Search(Live.com Search). This plugin support dor vertical scroll and horizontal scroll. It has 3 parameter you have to set toomplents this ajax scroll plugin, maxOffset : the max number of items you wants to displays batchNum : the number of
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
Dev fest 2020 taiwan how to debug microservices on kubernetes as a pros (ht...
WTF JS? Global variables function plus_two(n) { two = 2; return n + two; } plus_two(3); // 5 - obviously, 3 + 2 = 5 two; // 2 - wtf, JS? The with block var foo = 5; with (obj) foo; // 5, unless obj.foo exists Wtf is the deal with the == operator? 2 === "2"; // false - obviously a number is not a string 2 == "2"; // true - wtf JS?
RegExpオブジェクト Javascriptにはあらかじめ正規表現オブジェクトが用意されてます。 正規表現風記述の文字列から正規表現オブジェクトを生成することができます。正規表現を動的に生成したい場合は便利です。 var hoge = new RegExp("^ho\\sge"); しかし注意しないといけない部分は、正規表現自体を文字列で与えているので、Javascriptの文字列リテラルの制限をうけることです。Javascriptの文字列リテラルでの特殊文字はJavascriptの流儀でエスケープし、さらに正規表現上の特殊文字は正規表現の流儀で適宜エスケープしてやる必要があるので頭がこんがらがってきます。 注意深くやりましょう。 ▲ ▼ リテラル表記 Javascriptでは正規表現自体はオブジェクトとして実装されていて var r = new RegExp('hoge'); al
iCab doesn't support the key events at all. Many thanks to Hallvord Steen for his summary of the key events in Windows browsers; his page saved me quite a bit of work. Detecting the user's keystrokes turns out to be a rather specialised branch of event handling. This page details some of the more obnoxious problems, and gives the inevitable compatibility table. The first problem is that there is n
DOMに要素が挿入されたときを検出できるのがDOMNodeInsertedイベント。 たとえばajaxで特定の場所が表示されたらDOMに要素が挿入されたときや、ページング系のアドオンやユーザースクリプトでスクロールバーが下にきたら要素が挿入されたときなど、そういったときにイベントを発生させることができます。 要素が挿入されたかどうか検出するには自前でDOMを監視するコードを書く必要がありますが、このイベントを使えば簡単ですね。IE以外の主要なブラウザには実装されています。 しかしこれどうも確認してみたら非推奨になってるらしいんだけど。 http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted あれか。同期的だからかな。何もしらずに使うと面倒なことなりますからね。というかなりました。とはいえ、これに変わるものはない
2007-12-09 カテゴリ: Client Side タグ: Tips JavaScript jQuery hover 修正 トラックバック 以前、jQueryのhover関数を移植したことがあったのだが、実地で使ってみたらいろいろとバグが出たので修正。 jQueryのソースでは、 // Traverse up the tree while ( p && p != this ) try { p = p.parentNode; } catch(e) { p = this; }; // If we actually just moused on to a sub-element, ignore it if ( p == this ) return false; となっているコードを、大幅に省略して do if (p == elm) return false; while (p = p.pa
Web 開発や拡張機能開発で JavaScript のコードを書いていると、誰もが一度は次のようなことで悩むかと思います。 ブロックスコープと名前空間 (グローバル変数汚染の回避) 読み書きしやすくデバッグしやすいコードスタイル コールバック関数と this オブジェクトの取り扱い デバッグ方法とデバッグ支援モジュール 非同期処理の書き方 いずれも解決方法は人によって様々で、これが常にベストと言えるものがなさそうですが、私なりにそれぞれ検討したことなどを書いてみようかと思います。もっと良い方法があるとか色々皆さんのご意見やツッコミをいただければ幸いです。 JavaScript では名前空間は言語仕様でサポートされておらず、ライブラリや拡張機能などのコードを書くときにはグローバル変数の使用を最小限に抑える必要があります。先日の Mozilla 勉強会@東京 3rd でも佐藤さんと守山さんの発
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ! 毛根にはこれからもがんばってほしい!いつだって頭を温かいまなざしで見守
文字列から直接DOMノードを構築できないみたい。なので一旦別のノードのinnerHTMLに文字列を代入してから目的のノードを取り出すことにした。 適当にdiv要素を作ってinnerHTMLに文字列を代入して、そのfirstChildを返す。 <html> <head> <script> function $(i){ return document.getElementById(i); } function String2DOM(s) { var n = document.createElement("div"); n.innerHTML = s; return n.firstChild; } function init() { var s = "<p>paragraph<p>"; var dn = String2DOM(s); $("container").appendChild(dn);
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Double-click the code to edit the tutorial and try your own code. This tutorial contains code and discussion from the upcoming book Secrets of the JavaScript Ninja by John Resig. Our Goal Goal: To be able to understand this function: // The .bind method from Prototype.js Function.prototype.bind = function(){ var fn = this, args = Array.prototype.slice.call(arguments), object = args.shift(); return
JSONの発見者でJavScript界の重鎮であるYahoo!のダグラス・クロックフォード(Douglas Crockford)氏。米オライリーが主催するイベント「Velocity 2011」で、セッション「JavaScript & Metaperformance」を行いました。 いまWebブラウザ間でJavaScriptエンジンの性能競争が行われていますが、その影響とこの先の展望について語っています。JavaScriptプログラマなら必見の内容を、公開されたビデオを基に紹介しましょう。 JavaScript & Metaperformance これから、JavaScriptと性能についての本当の話をしよう。 JavaScriptはみなさんご存じかな? いまや世界で最もポピュラーになったプログラミング言語だ。 JavaScriptは、Javaからシンタックスを、Schemeからファーストク
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く