エクセル(React hook)の文章をコピーして続きます.

1312 ワード
javascript react.js typescript ヤフー エクセル
Excel Editor実現(Virtual Table部分)
この小さいプロジェクトはすでに一応完成しました.この文章を書くのは文章を書く練習に来たのです.現在の文章の進度は遅いです.
技術倉庫
  • レクチャー
  • typescript
    • プロジェクト及びマイクロソフトExcel Online
    好きならスターをあげましょう.
    プロジェクトのプレゼンテーションアドレス
    小さいプロジェクトのGithub住所
    Microsoft Excel online
    背景
    面接には小さなプロジェクトが必要です.以下はこのプロジェクトのテーマです.
       TypeScript          Excel WebApp，   column & row sort，cell edit，cell calculate  ，      MVP    。
    問題
  • Typeescriptは以前から知っていましたが、初めて使うので、簡単に使うのは大丈夫です.
  • Excelはどこまで実現しますか?
  • 機能は実現して、並べ替えて、編集は言いやすくて、これを計算するのはExcelと同じ関数の機能を実現するのですか?
  • フレームはやはり使うべきです.時間が限られています.ここで直接create react apを使ってプロジェクトを始めるつもりです.
    思考
    上からまとめた問題は二つのところしか確認できません.
  • 説明ではExcelに言及しましたが、Excelは表だけです.簡単な表を作るだけでは多くの関心を得ることができないかもしれません.ここではExcelと同じVirtual Table機能を作ることにします.
  • は、上のvirtual ltableに基づいて、並べ替え編集と計算の機能を実現する.
    • 基本的な方向が決まったら、全体の実現ステップです.
  • 基本的なvirtultableは
    • を実現しました.
  • オプション機能の実現
  • は、選択機能の他の機能に基づいて実装される(プラグイン方式に設計され、機能ごとに分離される)
    • .
    Virtual Table実現
    図に示すように、私達がレンダリングした表は上記の図のように動的計算を行います.
  • は、ビューのサイズが固定されていないこと、および各ページのサイズが固定されていることを考慮して、現在のビューのサイズが固定されているページの大きさよりもはるかに大きいことがあり、プリロードされたコンテンツが現在のビューに塗り込めないことがあります.この問題を解決するためにPerloadとRearloadページの数を増やすために動的変数を導入します.具体的な処理はMath.ceirl(offset Height/Page(水平または垂直)Size)
    • である.
    javascript基礎:thisキーワード