フロントエンドのコードの堅牢性を強化する方法

プレゼンテーションの成功フロントページだけでなく、理想的なケースでは問題を必要としない、ときにアクセスする背景インターフェースの例外のいくつかは、静的なファイル検索が失敗したときに、まだユーザーに可能な限り最高の格下げや良いフィードバックを提供する必要があり、ページ全体の崩壊を急いではありません。今日、私はページの堅牢性を向上させるためにいくつかのヒントを共有することになります。

 

例外処理

  主にデータ・タイプを指します。この状況は、背景などのデータ、参照型オブジェクトの配列を取るために特に必要があると、読み取り時に最も頻繁に、あなたは固定のデータ型のバックグラウンドを持っていることを確実にするために渡すことが発生しますが、発生する可能性が様々な理由や異常の有無をされている必要がありますオブジェクトのフィールドであるか、または配列は、リーディング直接アクセス場合、非常に一般的であるヌルになるres.xxx又はres.lengthがブロッキングプログラムを引き起こし、それは誤りであろう。

  そこにこのような状況を処理するための2つの方法が一般的に次のような、一つは空の決意の処理である。([] RES ||)長さ(RES 。|| {})の名前など、他のすべての理想的なケースによって書き込まれ、しかしながら、外層のtry {...}キャッチ(){ ...} パッケージ、例外が正常に戻って同じコードが実行されることを保証しようとするエラーをフィルタリングすることにより、そこに投げ出されます。

 

データ検査

  フォーム入力で最も頻繁に発生し、ユーザーは、フロントおよびリアスペース、負、小数、非常に、非常に長い数、繰り返しの数として奇妙なこと、のすべての種類を入力することなど、私たちはユーザを制限するために、いくつかの一般的なルールを設定することができます操作は、そのような最大入力長を設定するとして、あなたは負の数、小数点を入力することはできません、というように、フォームが送信されたときに、その次のステップ防ぐに不合理な行動をするために、プロンプトがあります。

 

ユーザーは、奇妙な行動に対処することができます

  システムや閲覧ページ、特に使用するユーザーの行動を規制することは困難であるための行動を、このような逆の順序、またはクロスオペレーティングシステムのため、あるいは狂気クリックのように、ユーザーが何かを完全に通常の順序に従わをしないことがあり、ボタンを押します。これは一般的な状況ではないが、それは、あなたのプログラムは、このケースではまだ使用可能であることを、一般的な応答狂気のユーザーの行動を確保するのが最善である、あなたが使用することができ、画像の安定化を、スロットル、最大数の制限は規制んが、ルーチンの動作に従いませんユーザーや自分の行動を制限し、「彼に言われたXXXX、その後、XXXXを選択してください」、または互換性の手順を実行します。

 

反応します

  これは、考慮にほとんどのユーザーの画面サイズの制限を取って、工場出荷時には、特定のテキストズームが付属して高解像度の画面の多くは、その実際のブラウザ、少しのウィンドウの幅より1920px以上になり、すでに非常に基本的な要件です。特にノートブック、でも16インチのスクリーン、1080フル言葉が非常に小さいので、実際のPC側に互換性があるように、良いを行うには1024 * 768と1920 * 1080やっている間、最大と最小幅の制限を。

 

注ピットJS浮動小数点演算

  この歴史的遺産であり、0.1 + 0.2!== 0.3は、テリア、我々はすべて知っているので、それは操作のフロントページに来た場合、浮動小数点数の問題に注意を払う必要があり、一般的なアプローチが有用である+「XXX」またはのparseIntparseFloatははと、文字列-デジタルを行うtoFixedは、小数点以下の桁数を定義し、などが挙げられます。

 

 

おすすめ

転載: www.cnblogs.com/zhangnan35/p/11910667.html