問題タブ [scalable]

小型デバイス (IOS、iphone5 および Android) での FIXED ヘッダー ナビゲーションに問題があります。

私の Web は、Bootstrap 幅でも開発されたデスクトップ/タブレット Web サイトです。ナビゲーション テキストを理解するには、小さなデバイスでスケーラブルでなければなりません。

小さなデバイスで、ヘッダー (ナビゲーションがある場所) を除いてズームすると、Web 全体がうまく動きます。ロゴは左側に見えますが、指で右側に移動して右側に移動することはできません。

<div id="main-nav"> <div class="container"> <div class="row"> <div class="col-xs-3">logo</div> <div class="col-xs-9">navegation</div> </div> </div> </div>

私は sScrollX ソリューションについて考えましたが、誰かが私を助けることができれば、より良いものを聞くことができて光栄です.

シャーディングは、スケーラブルなスループットとストレージを提供します。スケーラブルなスループットとストレージは、分析の楽園のようなものです。しかし、私が考える大きなトレードオフがあります。

ハッシュされたシャード キーを使用する場合、書き込みは非常にスケーラブルになります。ただし、ファクトのシーケンシャル読み取りを行う場合は、すべてのサーバーにアクセスする必要があるため、すべてが網羅的になります。

フィールド A を使用するなど、範囲指定されたシャード キーを使用する場合 - タイムスタンプ フィールドを使用しない場合、書き込みはスケーラブルである可能性があります - ただし、フィールド A を使用しない場合、シーケンシャル読み取りはスケーラブルではありません

私の意見では、データ ウェアハウスとしてはあまりスケーラブルではありません。ただし、mongoDB データ ウェアハウスをスケーラブルにするための他のソリューションが何かわかりません。

mongoDB シャーディングは、データ ウェアハウスをスケーラブルにするのに本当に適していますか?

最近では、スケーラブルであることについて大きな騒ぎがあり、何百万ものリクエストを処理できるアプリケーションを構築しています。スケーラブルなアプリケーションの開発を支援することを目的としたライブラリは多数ありますが、結局のところ、アプリケーションをスケーリングする方法はわずかしかありません (ライブラリはそれらのラッパーを提供するだけです)。

• 専用のタスク キュー (明示的なキューまたは実装への暗黙のキュー) を持ち、キューからのタスクを処理する 1 つ以上のスレッドを持つ
• サーバー間で実行を分散する (負荷分散/シャーディング)

それだ。その仮定は正しいですか？または、「スケーラブルな」アーキテクチャを実装する他の方法はありますか? 質問のポイントは、アプリケーションをスケーリングするためのセットが (基本的に) 限られており、ライブラリ/ツールがそれらを実装するのに役立つことを確認することです。

特定のスケーラブル フォントをゼブラ プリンターのメモリに「ダウンロード」できるかどうかは誰にもわかりませんか? 可能であれば、どうすればそれを行うことができ、ダウンロードしたフォントでどのように書くことができますか?

インタラクティブなオーディオ ビジュアライゼーション エンジンを開発しました。GUI をさまざまな PPI でさまざまな画面サイズに拡張できるようにする必要があります (これには非常に大きな画面とモバイル デバイスの両方が含まれます)。デザイナーは、サポートされているウィジェットのグラフィカル表現を含む PSD を送ってくれました。これらをPNGにエクスポートしています。問題は、これらのビットマップはもちろんスケーラブルではなく、見栄えが悪いことです。

解像度と PPI に依存しない GUI を実現する方法をいくつか考えました。

• さまざまなサイズの PNG をエクスポートし、実行時に現在のセットを選択します (ビットマップをさまざまな解像度で保存するためだけにスペースを浪費します)。
• スケール 9 の画像のみを使用する (凝ったものは使用しない)
• SVG を使用します (レンダリング API ではサポートされていません。OpenGL には nanovg のようなものを使用できますが、生のフレームバッファはどうすればよいでしょうか? また、パフォーマンスの問題と、必要なものに対して複雑すぎる)

特定のデバイスの実行時にビットマップを事前に生成し、後で使用するというアイデアに行き着きました。そのための特定のライブラリはありますか？また、今のところ使用できるテーマはすでに利用可能ですか？ツールは、コマンド リストを読み取ってビットマップを出力することで、cairo グラフィックス ライブラリや JavaScript キャンバスが機能するのと同じように機能すると思います。他のアイデアはありますか？

ソフトウェア エンジニアリングのインタビューに備えて、非常に詳細な回答を作成し、「ボンネットの下で」何が起こっているかを本当に理解したいと思います。

私が今持っているものは次のとおりです。

URL を入力すると、ブラウザとサーバーの間で TCP ハンドシェイクが発生します。接続が確立されると、Web ページのリクエストはデータセンターのロードバランサーを介してサーバーにルーティングされます。その特定のサーバーは Web ページをブラウザーに返し、Web ページで指定された DOM ルールに基づいて表示用にレンダリングします。したがって、接続速度は次の影響を受けます。 1) データセンターの場所 2) ロードバランサーが使用するルーティングアルゴリズム 3) Web ページを含むサーバーが送信されたリクエストをクリアするのにかかる時間

これは私がインタビューで行った回答であり、不十分であると見なされました。私はそれがおそらく初歩的なものであることを理解しており、このプロセスについて可能な限り理解するための決定的な道を進んでいます. 誰かがこの質問に良い光を当てることができますか?

問題

画像を歪ませずに任意の幅の背景として画像を使用するコントロールを作成する必要がありました。たとえば、単一の画像を使用して引き伸ばすと、画像の丸みを帯びた角が歪んでしまいます。

解決

Noxivs によって提供された解決策は、3 つの画像、2 つの側面、および引き伸ばされた中央を持つカスタム UserControl を使用することでした。

SnapsToDevicePixels="True" を UserControl Grid に追加することが重要です。これは、画像間に単一のピクセル ギャップが発生しないようにするためです。

MainWindow.xaml

MainWindow.xaml.cs

ScalableTextBox.xaml.cs

ScalableTextBox.xaml

今後ともノクシブズをよろしくお願いいたします！