面接の質問-プロジェクトとソリューションで発生した問題

問題1：Chromeiframeがドメイン間でCookieを設定できない。

理由：Chromeを80にアップグレードした後、sameSiteはデフォルトでLaxになります。

解決策：sameSiteをNone、Secureに設定します（secureを設定する必要があります。そうしないと無効になります）

問題2：Safariがドメイン間でCookieを設定できない

原因：未知

解決策：方法1：最初にページを開き、設定にCookieが含まれている場合は、クロスドメイン設定で問題ありません。方法2：window.open（url）。タイムアウトしました。この方法でロードしてCookieを設定します

質問3：ポップアップボックスで[OK]をクリックして、次のレイヤーにバブルします

解決策：弾丸フレームのレベルインデックスを設定します：9999

質問4：キャッチされないSyntaxError：予期しないトークン '<'

理由：ネストされたルートがルートディレクトリとしてパッケージ化されているため、パブリックの下のファイルが内部で実行されます

解決策：参照パスの前に<％= BASE_URL％>デフォルトのルートディレクトリ '/'を追加します

質問5：v-ifスイッチコンポーネントが更新されない

理由：考えられる理由は、Vueが類似のコンポーネント（非常に類似または同一）を認識し、要素を更新しないことです。

解決策：Vueがそれらを異なるコンポーネントとして認識できるように、2つの非常に類似したコンポーネントに異なるキー値を追加します。（私は区別するためにタイムスタンプを使用します）。ここでは、vue要素のレンダリングの重要性とキー値を理解する必要があります。

質問6：入力ボックスにアクティブ状態の黒いフレームが表示されます

解決する：

input {
    outline: none; /*解决active状态显示黑色边框*/
}

質問7：Vueバインディングキーボードイベントが機能しません。

解決する：

@keyup.delete='deleteKeyup(e)'  // 无效

@keyup.delete.native='deleteKeyup(e)'  //无效

在mounted方法里面监听案件绑定
this.$nextTick(()=>{
    document.onkeydown=(e)=>{
       if(e.keyCode == 46){//这是delete健，当然也可以根据自己的需求更改
          this.deleteKeyup()//操作方法
       }
    }
})