タグ

javascriptとjQueryに関するmh615033891のブックマーク (2)

  • jQuery で特定の DOM の表示が完了したタイミングを取る

    特定の DOM の表示が完了したかどうかは ready() で取得することができます。 var target = $('<div id="target"></div>'); $('body').append(target); target.ready(function() { console.log('target の準備が完了'); }); 一般的に、ドキュメントがロードされた時には以下のように書いていると思います。 $(function() { // ドキュメントロード後の処理 }); これと同じで、スクリプトの実行中に新しく作られた DOM についても、 表示が完了してから操作すべき場合があります。 例えば、DOM の高さを測ったりする場合です。 var target = $('<div id="target"></div>'); $('body').append(target);

  • npm とフロントエンドのパッケージ管理の未来

    JavaScript 系パッケージマネージャの重複問題 npm は言わずもがな Node.js のパッケージマネージャだが、フロントエンド開発においては Bower も利用するのが一般的になっている。この現状の問題点は、package.jon と bower.json という似たような管理ファイルを二重で管理しなければならないということだ。 現状の使い分けをおさらいをしておくと、次のような感じになる。 タスクランナー(Grunt/gulp)・モジュールシステム(browserify/webpack)・テストスイート(karma/testem)などの開発環境系の管理が npm の主なお仕事。インストールされたパッケージは node_modules 内に展開されて、CommonJS スタイルのモジュール管理から利用する。 題につながる話としては、ブラウザで動くライブラリの一部は npm にも

    npm とフロントエンドのパッケージ管理の未来
  • 1