フロントエンド面接の質問の概要-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

フロントエンド面接の質問の概要

小云云

Feb 23, 2018 am 10:17 AM

テストの質問

これまでに CSS の面接での質問を何十件も共有してきましたが、この記事では、皆さんのお役に立てればと思い、フロントエンドの面接での質問の概要を共有します。

HTML

1. HTML5 にはどのような新しいコンテンツや API が追加されましたか?また、どれを使用しましたか?

HTML5の新しい入力タイプ:

メールタイプ
URLタイプ
数値タイプ数値、ここで min 属性は最小値、max 属性は最大値を設定し、value 属性は現在の値を設定し、step 属性は各増加の値を設定します。
数値入力を制限する範囲フィールドを表す範囲型
日付と時刻の型: 日付、月、週、時刻、日付時刻、日時ローカル
検索型
tel type
color type

HTML5の新しいフォーム要素

datalistは入力フィールドのオプションリストを指定します
keygen が提供するユーザーを認証する信頼性の高い方法
出力は、さまざまなタイプの出力に使用されます

ここにリストされていない詳細があります。このブログをお読みください

2. input と textarea の違い?

は 1 行のテキストボックスです。は複数行のテキストボックスです。

3. textarea の実装をシミュレートするために p を使用しますか?

まず、p は適応性が高く、コンテンツが増加するにつれて高さも増加することを知る必要があります。テキストエリアは固定サイズです。指定された高さを超えると、スクロールバーが表示されます。
p には contenteditable という属性があります。contenteditable 属性を true に設定すると、p のコンテンツを編集可能になります。
コンテンツを編集可能にした後、cssで指定の高さを設定し、overflow-y属性をautoに設定することでスクロールバーを実現します。

4. モバイルデバイスは、ページ上の数字を電話番号として認識する方法を無視しますか?

モバイルデバイスでは、数字の文字列が電話番号として認識されることがよくあります。番号の色とスタイルが変わり、クリックして直接ダイヤルできるようになります。
認識をオフにするには、次のコードを追加します。

<span style="font-size: 14px;">   <meta name="format-detection" content="telephone=no">  <br></span>

CSS

1. 左右のレイアウト: 左側は固定幅、右側は適応型、少なくとも 3 つのメソッド

方法 1: 左側のモジュールを次のように設定します。左と右のモジュール幅を浮動小数点に設定します
方法 2: 親コンテナーに表示: flex を設定します。右側の部分に flex を設定します。 display: flex はフレキシブルボックスに設定され、そのサブ要素は flex 値を設定して、それが占めるスペースの割合を制御できます。
方法 3: 負のマージンを使用します。左右の部分を左フロートに設定し、右側の部分の幅を100%に設定します。左側部分の左マージンをマイナスの 100% に設定します。右側の部分の内容が隠れないようにするため、右側の部分に左余白（左側の部分の幅）を追加します。

2. CSS3 の新機能とは何ですか?

CSS3 セレクター

E: last-child / E :nth-child(n) / E : nth -last-child(n) 最後の

@Font-face 機能からの n 番目の要素は、フォントスタイルをロードしてクライアントに表示するために使用されます。クライアントにはインストールされていません
角丸: border-radius
フレキシブルボックスモード表示: flex。属性を待っています

3.BFCとIFC

関連する推奨事項:

最新の Baidu フロントエンド面接の質問の共有

Web フロントエンド面接の質問 No. 8 - 絶対位置と相対位置

フロントの例をいくつか共有インタビューの質問を終了します

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

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

JavaScriptフレームワークのパワーは、開発を簡素化し、ユーザーエクスペリエンスとアプリケーションのパフォーマンスを向上させることにあります。フレームワークを選択するときは、次のことを検討してください。1。プロジェクトのサイズと複雑さ、2。チームエクスペリエンス、3。エコシステムとコミュニティサポート。

JavaScript、C、およびブラウザの関係May 01, 2025 am 12:06 AM

はじめに私はあなたがそれを奇妙に思うかもしれないことを知っています、JavaScript、C、およびブラウザは正確に何をしなければなりませんか？彼らは無関係であるように見えますが、実際、彼らは現代のウェブ開発において非常に重要な役割を果たしています。今日は、これら3つの間の密接なつながりについて説明します。この記事を通して、JavaScriptがブラウザでどのように実行されるか、ブラウザエンジンでのCの役割、およびそれらが協力してWebページのレンダリングと相互作用を駆動する方法を学びます。私たちは皆、JavaScriptとブラウザの関係を知っています。 JavaScriptは、フロントエンド開発のコア言語です。ブラウザで直接実行され、Webページが鮮明で興味深いものになります。なぜJavascrを疑問に思ったことがありますか

node.jsは、型を使用してストリーミングしますApr 30, 2025 am 08:22 AM

node.jsは、主にストリームのおかげで、効率的なI/Oで優れています。ストリームはデータを段階的に処理し、メモリの過負荷を回避します。大きなファイル、ネットワークタスク、リアルタイムアプリケーションの場合。ストリームとTypeScriptのタイプの安全性を組み合わせることで、パワーが作成されます

Python vs. JavaScript：パフォーマンスと効率の考慮事項Apr 30, 2025 am 12:08 AM

PythonとJavaScriptのパフォーマンスと効率の違いは、主に以下に反映されています。1）解釈された言語として、Pythonはゆっくりと実行されますが、開発効率が高く、迅速なプロトタイプ開発に適しています。 2）JavaScriptはブラウザ内の単一のスレッドに限定されていますが、マルチスレッドおよび非同期I/Oを使用してnode.jsのパフォーマンスを改善でき、両方とも実際のプロジェクトで利点があります。

JavaScriptの起源：その実装言語の調査Apr 29, 2025 am 12:51 AM

JavaScriptは1995年に発信され、Brandon Ikeによって作成され、言語をCに実現しました。 2。JavaScriptのメモリ管理とパフォーマンスの最適化は、C言語に依存しています。 3. C言語のクロスプラットフォーム機能は、さまざまなオペレーティングシステムでJavaScriptを効率的に実行するのに役立ちます。

舞台裏：JavaScriptをパワーする言語は何ですか？Apr 28, 2025 am 12:01 AM

JavaScriptはブラウザとnode.js環境で実行され、JavaScriptエンジンに依存してコードを解析および実行します。 1）解析段階で抽象的構文ツリー（AST）を生成します。 2）ASTをコンパイル段階のバイトコードまたはマシンコードに変換します。 3）実行段階でコンパイルされたコードを実行します。

PythonとJavaScriptの未来：傾向と予測Apr 27, 2025 am 12:21 AM

PythonとJavaScriptの将来の傾向には、1。Pythonが科学コンピューティングの分野での位置を統合し、AI、2。JavaScriptはWebテクノロジーの開発を促進します。どちらもそれぞれのフィールドでアプリケーションシナリオを拡大し続け、パフォーマンスをより多くのブレークスルーを行います。

Python vs. JavaScript：開発環境とツールApr 26, 2025 am 12:09 AM

開発環境におけるPythonとJavaScriptの両方の選択が重要です。 1）Pythonの開発環境には、Pycharm、Jupyternotebook、Anacondaが含まれます。これらは、データサイエンスと迅速なプロトタイピングに適しています。 2）JavaScriptの開発環境には、フロントエンドおよびバックエンド開発に適したnode.js、vscode、およびwebpackが含まれます。プロジェクトのニーズに応じて適切なツールを選択すると、開発効率とプロジェクトの成功率が向上する可能性があります。

See all articles