フロント5つのピット、ピットは、あなたが知っていることを願って

私たちは職場を入力しているとして、学習や仕事で、常に異なる挫折に遭遇しました。ある特定の行為に関連したいくつかのエラーが、しかし、いくつかのエラーは、すべてのWeb開発者が直面しなければならない課題です。そして他の人にこれらのミスを回避する方法 - そのため、研究、経験と観察を通じて、小扁は、Web開発者は、多くの場合、5つのエラーを犯しまとめました。

画像

コードの一部が間違ったターンと呼ばれ、「やるべき」
間違い:それは、Java、またはコードであるかどうかを、サーバー上で実行されている開発者がテストし、それはむしろ、展開後よりも、正常に動作することを確認する必要があり、彼らはそれが必要だと思いますひたむきに実行することができます。
影響:適切なエラーチェックのウェブサイトなしでは、エンドユーザーをいじめています。だけでなく、それを大幅にユーザーエクスペリエンスに影響を与えますが、また、エラーメッセージのコンテンツの種類は、ハッカーへの手がかりは、このサイトに潜入与えることができます。
✧ここで私はあなたに、フロントエンド開発のスタック全体をお勧めします-コミュニケーション:( フロントエンド情報共有)、技術的なボトルネックを克服し、思考能力が向上し
ないようにする方法:誤るするには、この哲学はまた、コーディングに適用され、ヒトです。Javaを使用して、優れた技術は、エラーを防止し、キャッチするために実装する必要があります。この資料では、WindowsアプリケーションのコーディングJavaで描いているが、内容のほとんどはまた、Web開発に適用されますが、多くのヒントは非常に良いです!もう一つは、コードが確実になると、将来的に生き残ることができることは変更することです許可しますユニットテスト。
私たちがよく見ると、あなたは発見されず、サーバー側のコードが失敗したユーザーを取り込むことができるようになります。必要な情報のみを表示し、かつ、そのようなHTTPの404エラーとして、フレンドリーエラーページを設定してください。

画像

エラー2は、コードの記述フォーク
エラー:すべてのブラウザと高尚なアイデアでサポートされているバージョンでは、開発者は、すべての可能な状況に対応できるコードを作成することを決定しました。コードの文杭場合は、すべての方向に発散しています。

影響:ブラウザのアップデートの新バージョンでは、コードファイルはますます扱いにくく、管理が困難になります。

如何避免:实现代码的功能检测和浏览器/版本检测。功能检测技术不仅可以显著减少代码量,还更易于阅读和管理。不妨考虑使用如Modernizr这样的库,不仅有助于功能检测,还能自动帮助提供不能跟上HTML5和CSS3速度的旧版浏览器的反馈支持。
错误三非响应式设计
错误:假设开发/设计人员在相同尺寸的显示器上开发网站。
影响:当在移动设备或在非常大的屏幕查看网站时,用户体验要么很难看到页面的重要方面,要么甚至要时刻注意着不导航至其他网页。
如何避免:响应式的思维方式。在网站中使用响应式设计。这里有一些关于这方面的实用教程,包括响应式图片,还有一个非常受欢迎的库,那就是Bootstrap。

画像

错误四网站过多刷新
错误:创建的网站需要为每一个互动而全面刷新页面。
影响:类似于页面臃肿(参见#4),页面加载时间的性能会受到影响。用户体验缺乏流畅性,并且每次互动都可能导致网页短暂(或长时间)的复位。

如何避免:快速避免这种情况的一个方法就是,通过测定回发到服务器的内容是否是真正需要的。例如,当不依赖服务器端资源的时候,客户端脚本可用于提供直接结果。你也可以应用AJAX技术或进一步使用单页的应用程序“SPA”方法。流行的Java库/框架,如JQuery、KnockoutJS和AngularJS,能让这些方法的采用变得容易得多。

画像

错误五做了太多的无用功

错误:开发人员花了很长的时间来创建web内容。大量的时间花在了重复的任务上,或者自己敲代码写了很多。

影响:初始网站的发布和后续的更新时间过于冗长。如果其他开发人员也在在做同样的工作,却用了更少的时间和精力,那么你的开发价值显然就低了。手动劳动很容易出现错误,而排除故障错误需要更多的时间。

避ける方法:あなたの選択肢を模索。新しいツールと新しいプロセス技術の開発のすべての段階で考慮しました。たとえば、現在のコードエディタを使用しますが、コードエディタの種類を使用するかどうか、あなたは良い最近の研究その機能を持っているか?SublimeTextおよびVisual Studioは、?たぶん、ちょうど文書をよくお読みに時間を少し入れて比較しました、あなたは、将来的には、時間の時間と時間を節約するために物事の新しい方法を見つけることができます。たとえば、この記事では、Visual Studioの拡張は、Web開発者としての生産性を向上させることができます。
(複数のプラットフォームやデバイス間)テスト、およびトラブルシューティングを簡素化するdev.modern.ieツールに!例えば、小切手を助けるために利用できるオンラインツールをお見逃しなく。

✧これで、私はリングの交換機へのフルスタックの開発のフロントエンドをお勧めします:(私たちのフロントエンドの情報共有)技術的なボトルネックを克服し、思考能力を向上させます

画像

また、時間との誤差を減らすためのプロセスを自動化することができます。この例は、その自動化などの面倒なツールの使用は、(ポイント4を参照)ファイルを低減です。別の例はバウアーで、ライブラリ/フレーム(9ページを参照してください)管理を支援することができます。Webサーバ自体については?など、マイクロソフトのAzureのWebアプリを手助けなどで、あなたはすぐにウェブサイトを作成することができ、ほぼすべての開発シナリオは、あなたのビジネスに拡大するのは非常に簡単にすることができます!
これらの一般的なエラーを識別することによって、ウェブその開発者は、他の多くの人々を避けることができるという挫折に苦しんでいます。だけでなく、また、明確にする必要があり、我々はミスを認めざるを得ないといけないというエラーの効果と優れた開発能力を持っているために、エラーを回避するための措置をとる-やタスクを完了するために自信を持っています!

おすすめ

転載: blog.csdn.net/tianduantoutiao/article/details/90723503