タグ

JavaScriptとhashに関するproto_jpのブックマーク (3)

  • 配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA

    JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。 記事で紹介するJavaScriptの配列操作のチートシートを用意したので、まとめて読みた

    配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
  • Ajaxやタブ切替には必須かも?ブラウザの「戻る」「進む」を有効にするjQueryのhashchangeプラグイン :: 5509

    Ajaxやタブ切替には必須かも?ブラウザの「戻る」「進む」を有効にするjQueryのhashchangeプラグイン Ajaxやタブクリックなどのイベントでもブラウザの「戻る」「進む」を有効にすることができるjQueryのhashchange eventというプラグインを紹介します。同じような効果を得られるスクリプトより断然使いやすいのでおすすめです。 使い方はとても簡単で windowにhashchangeイベントをbindするだけです。 $(window) .hashchange(function() { Hoge(location.hash.replace('#', '')); }); // ハッシュフラグメントが変わったときにHoge()を実行する $(window).hashchange(); // Windowロード時に実行できる Ben Alman » jQuery hashc

  • URLのハッシュフラグメントを操作するjQueryライブラリ “jQuery.locationHash”

    概要 このjQueryプラグインは、ハッシュフラグメントパラメーターの追加や削除・解析を行うためのプラグインです。 非同期通信系の画面を作る際に威力を発揮するプラグインなんです。 Google Ajax Crawlerに対応したりする為には結構必須のプラグインだったり。 Google Ajax Crawlerに関しては以下のリンクを参照。 Getting Started – Making AJAX Applications Crawlable – Google Code SEOにも強いクローラブルなAJAXコンテンツを作成するために :: 5509 対応ブラウザ 以下のブラウザに対応するように実装されています。 Internet Explorer 6.0以上 Firefox 3.0以上 Google Chrome Safari ダウンロード 当ライブラリはgithubで管理していますので、

    URLのハッシュフラグメントを操作するjQueryライブラリ “jQuery.locationHash”
  • 1