jQuery window の幅と高さを正確に出す方法
jQuery では、$(window).width(); でウィンドウ幅、$(window).height();でウィンドウ高さが値として取得できますが、一部のブラウザで値が正確に取れないことがあるようです。 何とかなったので、解決方法をφ(..) jQueryで、ウィンドウ幅と高さを取得するには、 var w = $(window).width(); var h = $(window).height(); こんなかんじですが、一部のブラウザではスクロールバーの有り無しを間違えて、その分を加味した結果を返してくるようです。もしかしたら、もっととんでもないロジックなのかもしれませんが… そこで、元々のjavascriptが持っているコマンド、innerWidthとinnerHeightを使って値を取得することにすします。 var w = window.innerWidth ? window.
Easy Two-Way Data Binding in JavaScript - Luca Ongaro
Two-way data binding refers to the ability to bind changes to an object’s properties to changes in the UI, and viceversa. In other words, if we have a user object with a name property, whenever we assign a new value to user.name the UI should show the new name. In the same way, if the UI includes an input field for the user’s name, entering a value should cause the name property of the user object
How to bind 'touchstart' and 'click' events but not respond to both?
I'm working on a mobile web site that has to work on a variety of devices. The ones giving me a headache at the moment are BlackBerry. We need to support both keyboard clicks as well as touch events. Ideally I'd just use: $thing.click(function(){...}) but the issue we're running into is that some of these blackberry devices have a very annoying delay from the time of the touch to it triggering a c
[JavaScript] スマホ案件でjQueryよりZeptoを使う理由（軽い）を実際に計測して確かめてみた - YoheiM .NET
こんにちは、最近JavaScriptにどっぷりの@yoheiMuneです。 最近のスマホ案件で、jQueryよりもZepto.jsを使うという案件が身の回りで増えた気がします。 Zeptoを利用する理由として、jQueryライクに書けるけど、ファイルサイズが小さくて軽量という理由がよく挙がっています。 jQueryとZeptoでどれくらい軽さが違うのかが気になったので、計測しました。その結果を書いたのが今回のブログです。 計測結果の前にZepto.jsについて Zepto.jsは最近？流行っているらしいJavaScriptのフレームワークで、jQueryライクに書けるけど、ファイルサイズが軽量だという特徴があります。 IEなどのサポートを切っていたり、jQueryのよく使う機能のみをサポートしていたりと、jQueryの便利なところをピックアップした作りのようです。 詳細は、以下のサイトをご
![[JavaScript] スマホ案件でjQueryよりZeptoを使う理由（軽い）を実際に計測して確かめてみた - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ca9ae02dc9c3a54d5d5e841be448e67ab118e36/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F159.jpg)
HTML5 × CSS3 × jQueryを真面目に勉強 – #7 jQueryのセレクタAPIについて詳しく | DevelopersIO
そんな訳で、普段何気なく使っているjQueryですが、そのセレクタAPIについて多少は知っておいたほうが良いよなということで、いくらか調べてみました。けっこう地味な内容なので、「へー、そんな風になってるんだぁ…」と軽く読み流していただければと思います嘘です。割と大事な内容なので、しっかりと把握しておくのがよろしいかと思います。 はじめに - jQueryのセレクタAPI jQueryでは、$('#hoge .fuga');というようにCSSのセレクタを用いてHTML要素を取得します。あまりにも便利な機能で普段意識することはありませんが、内部ではgetElementById();といったブラウザのネイティブAPIを駆使したり、JavaScriptゴリゴリのメソッドを呼びまくって指定どおりの要素を取得してきているわけです。こういった機能のことをセレクタAPIと呼びます。 セレクタAPIの内訳
jqMobi (1.11) の jQuery との互換性、Zepto とも比較 - メモ用紙
2013年11月現在、jqMobi は App Framework へ、Zepto は v1.0rc1 から v1.0 (正式版) へとバージョンアップしています。最新版 App Framework, Zepto.js 1.0 と jQuery との互換性 をご覧ください。jQuery と互換性があり、とっても軽い JavaScript ライブラリ jqMobi. jquery-1.7.2.min.js が 93 KB なのに対し、jq.mobi.min.js (1.11) はわずか 19.4 KB。ファイルサイズだけでなく、スクリプトの初期化も圧倒的に速い。（iPhone 4 / iOS 6 の Safari では jQuery 1.7.2/1.8.2 が 70 ms, Zepto v1.0rc1 が 20 ms, jqMobi 1.11 が 14 ms 程度。iOS 5 ではもっと差が
Zepto.js (v1.0rc1) の jQuery との互換性 - メモ用紙
現在は 1.0 正式版が出ています。こちらをご覧ください：App Framework, Zepto.js 1.0 と jQuery との互換性 jQuery と互換性があり、とっても軽い JavaScript ライブラリ Zepto. jquery-1.7.2.min.js が 93 KB なのに対し、zepto.min.js (v1.0rc1) はわずか 23 KB。ファイルサイズだけでなく、スクリプトの初期化も圧倒的に速い。（jQuery 2 では初期化の遅さが改善されるという情報あり） $() 関数での動作の違い 属性セレクタの値は、必ず引用符で括る必要がある。DOM Exception が発生する。 $("a[href^=#]") → エラー $("a[href^='#']") → OK 次のセレクタはプラグイン selectors.js が必要 :visible, :hidden
jQueryのメモリーリークの傾向と対策 — KaoriYa
Web開発にとても便利なjQueryですが、 実はメモリーリークを誘発しやすい構造であることは あまり知られていないようです。 本記事ではメモリーリークが発生する傾向と対策を紹介します。 皆さんjQueryは使ったことありますよね。Webでの開発ではとても便利で、ほぼ必須と言っても過言ではありません。しかしながらこのjQueryはメモリーリークを誘発しやすい構造であることはあまり知られていません。 GCのあるJavaScriptでメモリーリークが発生するとは何を言っとるんだ、と思われる向きもあるやもしれません。しかしGCがあっても、もう使わなくなったオブジェクトを配列やテーブル(Object)にしまいこんでいて、それを回収するタイミングが存在しなければ積もり積もってメモリを圧迫する、メモリーリークとなりうるというのは想像に難くないでしょう。jQueryで起こりうるメモリーリークはそのような
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
