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

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

[関連する推奨事項: フロントエンドのインタビューの質問 (2020)]

1. お気に入りの 写真の置換方法は何ですか、またその使用方法を選択します。

デザイナーは、要素内の元のテキストを背景画像に置き換えて、より美しいフォントを表示できます。 実装方法 1: スパン タグの追加 この手法の実装は非常に簡単です。要素内のテキストをスパンで囲み、CSS スタイルを適用してこのスパン内のテキストを非表示にし、最後に背景画像を要素に適用します。たとえば、次の HTML タグを考えてみましょう。 2. 負の text-indentpropertyvalue デザイナーの Mike Rundle は、負の text-indent プロパティ値を使用してテキストを画面の左端を超えて押し出す方法を提案しました。このソリューションの適用範囲は広くはありませんが、IE 5.0 では背景画像がテキストとともに閲覧者の視線の外に押し出されますが、非常にシンプルでエレガントです。 短所: ブラウザーが画像を無効にした後の空白ページのアクセシビリティの問題は解決されず、IE 5.0 では機能しない場合があります。
重要性: 画像置換テクノロジーは、置換された要素内の元のテキストを保持するため、どの顧客にとってもページのコンテンツを理解するのは問題ありません。視覚効果ではなく、主に SEO を考慮します。

2. 特定のブラウザのスタイルの問題をどのように解決しますか?

いわゆるブラウザ互換性問題とは、異なるブラウザが同じコード部分の解析を異ならせ、ページ表示効果に一貫性がなくなる状況を指します。ほとんどの場合、当社の要件は、ユーザーが当社の Web サイトの閲覧やシステムへのログインにどのブラウザを使用しても、統一された表示効果が得られることです。したがって、ブラウザーの互換性の問題は、フロントエンド開発者が頻繁に遭遇する問題であり、解決する必要があります。

ブラウザの互換性について学ぶ前に、フロントエンド開発者を 2 つのカテゴリーに分けたいと思います。

1 つ目のカテゴリーは、設計図に従って正確に開発を行うフロントエンド開発者で、これは 1px まで正確であると言えます。設計図の欠陥を簡単に発見でき、まれにブラウザのバグが原因で発生するブラウザの互換性の問題も発生しました。さらに、作成したページは後で保守しやすく、コードの再利用の問題もほとんどありませんでした。比較的安定していて信頼できるコードであること。

2 番目のカテゴリは、基本的に設計図面に従って開発するフロントエンド開発者で、間隔、行の高さ、画像の位置など、多くの細部が大きく異なり、多くの場合数ピクセル異なります。デバッグを繰り返すことで特定の効果が得られますが、この効果が発生する具体的な理由はまだ不明瞭で、全体的なレイアウトは非常に脆弱です。ほんの少しの変更で混乱が生じます。なぜこのようにコードが書かれているのかわかりません。このような開発者は互換性の問題に悩まされることがよくあります。このブラウザを変更すると、別のブラウザがおかしくなってしまいました。何も分からずに何度も交換してしまいました。実際、彼らが遭遇した互換性の問題のほとんどはブラウザのせいではなく、彼らのテクノロジー自体のせいであるはずです。 この記事は主に最初のカテゴリーである厳格な開発者を対象としているため、ここでは主にブラウザー解析の違いの観点から互換性の問題を分析します。 (おすすめの関連記事: 主流ブラウザーの CSS 3 と HTML 5 の互換性リスト)

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

関連記事:

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