2018 年の最新のフロントエンド面接の質問 1

今回は、2018 年の最新のフロントエンド面接の質問をお届けします。フロントエンドの仕事に面接が不可欠な部分であることはわかっています。このフロントエンド面接のよくある質問の分類と要約の目的は、面接での質問を克服できるようにすることです。フロントエンド面接における大きな困難。 、見てみましょう。

[関連する推奨事項: フロントエンド面接の質問 (2020)]

1. Web ページを作成するときのワークフローを説明できますか?

コンテンツ分析: ネットワーク上に表示されるコンテンツの階層と論理的関係を識別します

構造設計: 合理的な HTML 構造コードを記述します

レイアウト設計: レイアウトには html+css を使用します

スタイル設計: 最初に reset を使用します。 css

インタラクションデザイン: マウスエフェクト

動作デザイン: JSコード、Ajaxページ動作、サーバーからのデータ取得

パフォーマンスを最適化します。

2. 5 つの異なるスタイルシートがある場合、それらを Web サイトに統合する最善の方法は何ですか? # 選択非公開のものは別途掲載します。次に、それをパッケージ化して圧縮します。各ファイルが大きい場合は、モジュールにロードする必要があります。

3. プログレッシブエンハンスメントとグレースフルデグラデーションの違いを説明できますか?

 .transition{
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.transition{
transition:all .5s;
-o-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
}

プログレッシブエンハンスメント (プログレッシブエンハンスメント): 最も基本的な機能を保証するために、下位バージョンのブラウザー向けにページを構築し、その後、エフェクトや機能などの改良を加えます。より優れたユーザー エクスペリエンスを実現するための高度なブラウザーのインタラクション。 (すべてのブラウザーでサポートされる基本機能から始めて、最新のブラウザーでのみサポートされる機能を徐々に追加し、基本ブラウザーに無害な追加のスタイルと機能をページに追加します。ブラウザーがそれらをサポートすると、それらは自動的に表示され、機能します。 ）browsersより低いバージョンのブラウザに競うために関与する(Web サイトはすべての最新のブラウザーで正常に動作します。ユーザーが古いブラウザーを使用している場合、コードはそれらが適切に動作するかどうかを確認します。IE の固有の ボックス モデル

レイアウトの問題により、IE のハックの異なるバージョンをターゲットにすることで、グレースフル ダウングレードが行われてきました。 、機能をサポートできないブラウザーに代替手段を追加することで、古いブラウザーで何らかの形式でダウングレードするエクスペリエンスが完全に無効になることはありません)

違い: 正常なダウングレードは、現状を維持し、その供給を削減しようとするものです。ユーザー エクスペリエンスを向上させるため、段階的な機能強化は、非常に基本的な機能バージョンから始まり、将来の環境のニーズに適応するために拡張され続けます。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

Jenkins+Node.js の継続的統合

React コンポーネント プロジェクト作成の実践的な分析

以上が2018 年の最新のフロントエンド面接の質問 1の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。