フロントエンド面接問題-フレームワーク関連

1.どのフロントエンドフレームワーク/クラスライブラリを使用したことがありますか.それぞれのメリットとデメリットは何ですか.

で使用されたフレームワーククラスライブラリ:React,Vue,JQuery

Vue特徴:

応答式データ、漸進式フレームワーク、完備した生態圏

コンポーネント化:ファイルはコンポーネント、モジュール化、仮想DOM

です.

データプログラミング向け

Reactの特徴:

関数式プログラミング、jsx構文、単項データ劉

モジュール化、仮想DOM

副作用、ステータスマシン、制御コンポーネント

を解決する

欠点:

はファミリーバケツと一緒に使用する必要があります.単一reactライブラリの使用はVueより

です.

技術は選択が複雑で、webpack依存度が高い

jQueryの特徴:

DOM操作の簡略化、Ajax要求、アニメーション操作

チェーン呼び出し、plugins拡張

の欠点:DOMを修正するにはパフォーマンスがかかり、ブラウザの再描画と還流を引き起こす

2おなじみのテクノロジーを使用してフロントエンドのフレームワークをカプセル化する必要がある場合は、どのように計画しますか?

自動化ツール構成

応答式単項データストリーム、状態管理

コンポーネント化、モジュールロード、プラグインメカニズム

モジュール化に従う原則

イベントメカニズム、ライフサイクル処理

3フロントエンドコードはどのようにパッケージ化され、どのようにエンジニアリングを理解しますか?「エンジニアリング」の過程で注意すべきことは何ですか?

コード規範化、ドキュメント規範、約定約配置:ツール約定、ドキュメント約定

コンポーネントパッケージ:制御コンポーネント、コンポーネントデータストリーム、およびインタフェース

webpackツールチェーン構成、静的リソース管理

コード周期的再構成

4フロントエンドのパフォーマンスの最適化にはどのような点を考慮する必要がありますか?

静的リソース最適化:静的リソースのサイズを減らす

最適化ピクチャ,css,js

シンDOM構造

APIインタフェースの最適化:キャッシュ

の使用

ページレンダリング速度最適化

5前後のコラボレーションをどう思いますか.scrumはどんなパターンですか.

前後端連携:境界範囲を明確にし、配置

より大きい約束をする.

中台配置、共通コンポーネントライブラリ

scrumは必ずしも敏捷ではない

scrumは反復型インクリメンタルソフトウェア開発プロセスであり、敏捷なソフトウェア開発

によく用いられる.

scrumが規定した細部と流れを気にしすぎて追求すると、

に逆らうことになります.

敏捷開発はリストに従って裁断するのではなく、実際の会社の資源と現在の環境の制限方式

を考慮しなければならない.

現在の制限方式に従って資源の統合と最適化を行い、適切なのが最も良い

である.
6よく知っているフロントエンドフレームワークまたはオリジナルJavaScriptで1つのポップアップフレームを実現し、弾枠は同時に以下の4点を備える必要がある.

閉じる確認ボタン

弾枠幅600 px、高さ不定、最大高さ500 px、水平垂直中央

弾枠の中央には固定ヘッドのtableが表示する、tableの中で各ページを上下にスクロールして30個のデータ

を表示する.

reviewフォルダを開き、ファイル

を実行

  cd review
  
  npm install -g @vue/cli @vue/cli-service-global

  vue serve App.vue