Web フロントエンドがますます複雑になっている理由_html/css_WEB-ITnose

フロントエンドは数年前から開発されてきましたが、何年も前にフロントエンドについて話すとき、当時はフロントエンドエンジニアというポジションは存在しませんでした。しかし今はフロントエンドの反撃があり、以前のような状況ではなくなりました。さまざまなテクノロジーが次々に登場し、ますます予測不可能になってきています。フロントエンドは本当に難しくなったのでしょうか？私の意見では、フロントエンドは依然としてオリジナルのフロントエンドのままですが、いくつかの変更はありますが、現在ほど複雑ではないはずです。

フレームワークと新しいテクノロジーが多すぎます

私たちは、さまざまなテクノロジーと、新しいテクノロジーによってもたらされるさまざまな概念の中で常に迷っています。 angular Rect ブートストラップなど、それらは私たちに便利さをもたらしますが、同時に問題ももたらします。これらのフレームワークは本当に必要なのでしょうか?これらのフレームワークを学ぶということはフロントエンドを学ぶことになるのでしょうか？

おそらく多くの場合、問題を解決するためではなく、自分がどれほどスタイリッシュであるか、人気のあることをどれだけ習得しているかを示すため、または履歴書を装飾するためにこれらを学びます。私たちはテクノロジーの真の価値から遠ざかってしまいました。数か月前にフロントエンドマネージャーと話し合ったときのことを覚えています。彼は私に、現在利用可能な人気のテクノロジーは何ですかと尋ね、携帯電話の 1 ピクセルのラインで 1 ピクセルを表示できれば、それが人気のテクノロジーであると答えました。携帯電話の線はピクセルよりも大きくなります)。

これらの新しいテクノロジーは私たちに便利さをもたらしますが、私たちは問題を解決する必要があります。CSS3 アニメーションにはバグがありますが、オンラインでこれらの問題について議論している人はほとんど見かけません。それはさまざまなフレームワークの使用です。さまざまな新しいテクノロジーに夢中になることはできません。主に、単純な問題を複雑にし、フロントエンドを非常に複雑にしてしまいます。

私たちは今でも時代遅れのガイドラインをバイブルとして守り続けています

Yahoo のフロントエンド最適化ガイドラインが標準になった時代がありました。しかし数年が経ち、それらの規範は今でも人々を縛り続けています。

例えば、モバイル端末では、誰もが zepto を使用することに慣れています。私は zepto を批判するためにここにいるわけではありません。インターネットの速度が速くなったので、jquery の読み込みは zepto の読み込みよりも遅いだけでなく、多くの人が依然として zepto を使用しています。Zepto には多くのバグがあり、jquery よりもはるかに成熟していません。インターネット上で言及されているパフォーマンスについては、少なくとも私がテストした限りでは、jquery のパフォーマンスがそれに追いついていないことはわかりませんでした。 jquery のパフォーマンスが悪いと言っている人がそれをテストしたかどうかはわかりません。

もう 1 つの例は、公開前のフロントエンドの JS CSS 圧縮の問題です。以前は、圧縮はネットワークの速度が遅いためでもありましたが、現在では、コア圧縮を除いて、圧縮はデバッグの複雑さを増大させる必要がまったくないと感じています。プロジェクトの圧縮は本当に必要ですか?

モジュール開発については、モジュール開発も非常に人気があり、必要なスキルのようですが、モジュール開発はどれくらいのプロジェクトに必要で、どれだけの利便性をもたらしますか?少なくとも私が行ったプロジェクトのほとんどはモジュール化を使用して開発されました。

私たちのコードは奇妙で理解しにくくなりました

いつからかわかりませんが、フロントエンドのコードが難しくなるほど、その熟練度がよく表れるようになりました。コードは可能な限り読みやすい状態に保つ必要があります。一般的な書き方ができるのであれば、たとえあと数行コードを書かなければならないとしても、コードの可読性を維持する必要があります。しかし、現在のフロントエンド コードは他の人には理解できないことを誇りに思っており、一部の高度なアプリケーションを使用していることに誇りを持っています。そのため、フロントエンド コードの記述は誤解されています。私の周囲には、なぜそのようにコードを書くのかが分からず、単に高レベルに見えるだけの、奇妙なコードの書き方をしている人がいるのに気づきます。

私たち古いフロントエンドは、初心者に明確で実践的なガイドを提供していません

JavaScript のプロトタイプ継承は比較的重要ですが、私は JavaScript の本をたくさん読みましたが、少なくともその本では明確に説明しているとは思いませんでした。まだ発見していない。たくさんの本や流行のものがたくさんありますが、私たちはこの最も基本的な概念を教えていません。別の例として、この本で言及されている CSS3 の多くは W3C ドキュメントから改変されており、オンラインで入手できます。 CSS3 を再び使用するときに多くのバグを見つけたかどうかはわかりませんが、初心者が迂回路を回避できるように、これらのバグを本に記述する必要はありませんか。

私たちは初心者にたくさんのおしゃれなことを教えて、そのおしゃれに夢中にさせていますが、誰も彼らに最も重要なことを教えていないのは私たちの職務怠慢ではないでしょうか？