404festでのレポート「単一ページアプリケーションのすべて」のビデオ

Ostrovkaチームのフロントエンド開発者であるFedya ShumovとArseniy Zarechnevが話しました

サマラの404festでの「すべての塩の単一ページのアプリケーション」。



レポートコンテンツ:







単一ページのアプリ。 すべての塩。

  1. Backbone.js
  2. クライアント上のMVC
  3. JSテスト
  4. モデルビューバインディング
  5. 照明Batman.js


Extranet.Ostrovok.ru(ホテルの管理システム)。 最も塩辛い。

  1. アドレスバーを介したナビゲーションと管理。 接続不良のルーターイベント。 要求されたURLからペイロードをキャッシュします。
  2. DOM関連データ。 エキスパンド 一時的なデータや他の人のデータで名前空間を詰まらせないでください。 このテクノロジーを使用したサードパーティライブラリの使用。
  3. ビューは1回作成されます。 別のページに移動するとき、Parent.removeChild(Child)またはjQuery.detach()によって破棄され、バインダーとともに存在します。 再アクセスすると、組み立てられて挿入されます。
  4. デリゲートの拒否。 親ビュー要素にイベントリスナーがないため、速度が向上します。
  5. ノックアウト テンプレートのロジックをクリアします。 UIの自動変更。 本当にそれを必要とする属性と要素のみのDOMの変更。 安全なインターフェース。 マルチユーザーモード。
  6. バックボーン+ノックアウト=ルーター+ CRUD + MVVM。 双方向の依存関係:各フレームワークのモデルを変更するメソッドは、関連するオブジェクトを同期し、必要なイベントを相互にトリガーします。 バックボーンビューからノックアウトビューへの段階的な移行。
  7. 非常に大きなコレクションとモデルで動作するページには、深い最適化が必要になる場合があります。 たとえば、初期化中にフレームワークのモデルとコレクションをアクティブに使用する$ .extendまたは_.extendを放棄して、メモリ内のバンドルを破壊します。








レポートのプレゼンテーションはここにあります: Arseny Zarechnev and Fedor Shumov-One-Page Applications



All Articles