Skip to content

Instantly share code, notes, and snippets.

@kenmori

kenmori/検索機能.md

Created June 5, 2019 09:03
Show Gist options
  • Save kenmori/d583b15946d44da95df1142de3669be1 to your computer and use it in GitHub Desktop.
Save kenmori/d583b15946d44da95df1142de3669be1 to your computer and use it in GitHub Desktop.
Download ZIP
検索機能
Raw
検索機能.md

検索機能 メモ

  • urlパラメータを参照してリクエストする ブラウザバック対応
  • 戻る次へボタン時にhistory.pushでurlを変える
  • ページ遷移するさいにhistory.push.stateに状態を詰める
  • ページ遷移した先で戻るボタンにstateを詰めて状態を復元させる
  • window.onpushstateでurlをみて状態を復元する
  • urlをいじられた時の対応をする
  • ページネーションの番号を再現する

urlには極力Queryするvariablseの値以外置かない方が状態を管理しやすい ページネーションの現在ページ番号はサーバーからもらった方が良い

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment