フロントエンド開発の概要について
ここでは、フロントエンド開発の概要について説明していきます。 ＊元記事はこちらです。(英語) この記事でカバーしているものについてSingle-page Apps (SPAs)New-age JavaScriptUser InterfaceState ManagementCoding with StyleTestingLinting JavaScriptLinting CSSTypesBuild SystemPackage ManagementContinuous IntegrationHostingDeploymentSingle-page Apps (SPAs)かつてはサーバーサイドレンダリングという、別のURLを開くごとにページをリフレッシュしてサーバーから新たなHTMLページを送る手法が主流でしたが、最近のSPAsではクライアントサイドレンダリングというものが主流になっています。
History.js ではまったこと - Qiita
History.js は，ブラウザヒストリ・ステート用 API (pushState 等) のブラウザ間非互換性を解消したり，(IE 9 以下など) pushState に対応していないブラウザでも hash を利用して擬似的に state の遷移ができるようにしたり，と便利なライブラリです。 ですが，いろいろとはまったことがありました。 IE (等，エミュレーション実装) で戻った時にステートが反映されない まず，以下のような状況で困りました。 History.js を利用したページ (A) をロード pushState(B) pushState(C) リンク等により History.js を利用していないページ (D) に遷移 ブラウザの「戻る」ボタン等で戻る 正しい挙動はステート C になること (で，もちろん Chrome や Firefox ではそうなる) なのですが，IE 9
jQuery history plugin - Ajaxアプリで戻るボタンを押したときに、操作前の状態に戻すためのjQueryプラグイン: ある SE のつぶやき
jQuery history plugin - Ajaxアプリで戻るボタンを押したときに、操作前の状態に戻すためのjQueryプラグイン history plugin jQuery history pluginは、Ajaxアプリケーションで戻るボタンを押したときに、操作前の状態に戻すことができるjQueryのプラグインです。 この動作は、イベント発生時に履歴にURLを追加しておいて、戻るボタンが押されたときは、ブラウザのキャッシュを利用して操作前の状態に戻すという感じでしょうか？ 操作中にブラウザのキャッシュがクリアされたらどうなるんだろう？ そう思ってサイトを確認してみたら、キャッシュをクリアしてから戻るボタンを押してもうまく表示されていました。 うーん。URLに画面の状態を持っておくとうまくいくのだろうか。。。 ちょっと動作原理が分かりませんが、なかなかおもしろそうなライブラリですね。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
