2023面試復盤,持續更新

来源:https://www.cnblogs.com/zpfqi/archive/2023/08/10/17619700.html
-Advertisement-
Play Games

7月27號下午2點 New 操作符做了什麼: 1. 創建一個新的空對象。 2. 將這個新對象的原型指向構造函數的原型。 3. 將構造函數的this指向這個新對象。 4. 根據構造函數返回類型作判斷,如果是值類型,返回newObj。如果是引用類型,就返回這個引用類型的對象 Vue2 數組push、sh ...


727號下午2 

  New 操作符做了什麼:

    1. 創建一個新的空對象。

    2. 將這個新對象的原型指向構造函數的原型。

    3. 將構造函數的this指向這個新對象。

    4. 根據構造函數返回類型作判斷,如果是值類型,返回newObj。如果是引用類型,就返回這個引用類型的對象

  Vue2 數組pushshift的雙向綁定是怎麼實現的:

    作者在vue原型上重寫了push()方法,使數組進行操作時可以實現雙向綁定

   Vue3 的watchEffect 是什麼:

    數據監聽,相比watch方法watchEffect會立即執行一次

  httphttps的區別:

    http:

      http明文未加密

      http預設是埠號80

      優點:便宜,不需要解密,更快

      缺點:不安全

    https:

      https = https + ssl

      Ssl加密協議 應用層和傳輸層加了一個安全層

      需要ca證書

      https預設埠號443

      優點:安全,

      缺點:貴、加密解密需要時間,慢

  Tcp三次握手和四次揮手: 

    三次握手:

      第一次:客戶端向服務端發送一個syn

      第二次:服務端收到syn包,向客戶端返回syn+ack

      第三次:客戶端收到後回覆一個ack

      確立連接

    四次揮手:

      假如客戶端向服務端發起關閉請求,

      第一次揮手:他需要向服務端發送一包fin表示自己要關閉連接,然後進入等待狀態1

      第二次揮手:服務端收到fin包,會發一個ack包表示進入等待狀態,

      第三次:此時伺服器還能向客戶端發送數據,發送完數據再發送一個fin

      第四次揮手:客戶端收到ack包,進入超時等待狀態,經過超時等待後,關閉連接,服務端收到ack包。立即關閉連接

  Web1.x web2.0web3.0:

    1.0 可讀,如各新浪等門戶網站,需要有專門的編輯人員發文章上去,只有很少的留言功能

    2.0 互動性,可以自己發信息,例如微博,臉書,抖音,小紅書,用戶不僅是平臺的使用者也是內容的貢獻者

    3.0 去中心化,2.0時代的自己發送的信息都依托於平臺,信息泄露什麼的,3.0自己的就是自己的,一個賬號走天下

  Webpackloader 有哪些:

    1、file-loader:把⽂件輸出到⼀個⽂件夾中,在代碼中通過相對 URL 去引⽤輸出的⽂件。
    2、url-loader:和 file-loader 類似,但是能在⽂件很⼩的情況下以 base64 的⽅式把⽂件內容註⼊到代碼中去。
    3、source-map-loader:載入額外的 Source Map ⽂件,以⽅便斷點調試。
    4、image-loader:載並且壓縮圖⽚⽂件。
    5、babel-loader:將ES6轉化為ES5。
    6、css-loader:載入 CSS,⽀持模塊化、壓縮、⽂件導⼊等特性。
    7、style-loader:把 CSS 代碼註⼊到 JavaScript 中,通過 DOM 操作去載入 CSS。
    8、eslint-loader:通過 ESLint 檢查 JavaScript 代碼。
    原文鏈接:https://blog.csdn.net/weixin_47450807/article/details/124051856

  網站優化:

    優化點一:網站速度優化

      網站速度優化整體資源優化

      減少http請求,資源壓縮,cdn加速,路由、圖片懶載入,預載入等等

      首屏優化:懶載入,圖片懶載入,預載入

      利用第三方檢測工具,檢測頁面性能,針對具體比較耗時的資源優化

    優化點二:seo優化

      Ssr服務端渲染,Vue官方介紹的ssr操作起來比較複雜,可以試用Nuxt.js,基於vue的ssr框架,可以方便的創建服務端渲染項目

      頁面內容儘量豐富,標簽儘可能語義化,每個頁面最好有<h1></h1><h2></2>這樣的標簽,

 

7月29日

  什麼是閉包:

    因為作用域的原因函數外的不能訪問函數內的變數,閉包的作用就是讓函數外也能訪問函數內的變數,閉包通過返回一個引用內部變數的函數來實現

    閉包像一個隔離區,可以防止變數污染,封裝公用方法,缺點是會造成記憶體泄露

  如何解決閉包記憶體泄露問題:

    閉包使用後,將引用閉包的變數賦值為null

  常見的記憶體泄露有哪些:

    全局變數、閉包、setTimeout等沒有清除的定時器,變數引用的DOM使用後沒有及時清除,沒用清除的時間監聽,console.log的變數  

  websocket斷網怎麼辦: 

    1. 客戶端向伺服器定時發送一條心跳消息。
    2. 伺服器在接收到客戶端發送的心跳消息後,立即回覆一條響應消息。
    3. 客戶端在一定時間內未收到伺服器的響應消息,則認為連接已斷開,需要重新連接。

  緩存:

    強制緩存:強制緩存在規定時間內緩存存在,就不重新下載

    協商緩存:文件沒有被修改過,就不重新下載

  盒模型:

    w3c盒模型:包括margin、padding、border、content,寬高 = padding + border + content

    IE盒模型:包括margin、padding、border、content,寬高 = content

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • “數據孤島”簡單的講,各組織都持有各自的數據,這些數據之間互有關係但又獨立存儲於各組織。出於安全性、合規性等方面考慮,各組織只能查詢、使用己方數據,無法交換其它組織的數據。在聯邦學習出現前,針對數據隱私保護的密碼學已應用於本地數據機器學習,隨著“數據孤島”問題的浮現,聯邦學習的概念出現併發展的日益成... ...
  • 1 pentaho簡介 `pentaho`是一款開源`ETL`工具,純java編寫的C/S模式的工具,可綠色免安裝,開箱即用。支持Windows、macOS、Linux平臺。 ...
  • 本文分享自華為雲社區《openGauss資料庫在CentOS上的安裝實踐》,作者:Gauss小松鼠 。 1.安裝前準備 安裝資料庫前先要有已安裝centOS 7.6的伺服器+資料庫安裝包。 首先找小伙伴申請了華為雲ECS伺服器安裝好了OS,這裡使用的是x86_64+centos。 華為雲伺服器現在可 ...
  • 根據 2023 年的 Stack Overflow 調研 (https://survey.stackoverflow.co/2023/) ,Postgres 已經取代 MySQL 成為最受敬仰和渴望 (the most admired, desired) 的資料庫。 隨著 Postgres 的發展勢 ...
  • 一、升級webview版本 (1). 下載需要更新的Webview apk。如果不能翻牆可以用下載好的版本(相容32/64位):Webview-115.0.5790.138 (2). 在路徑\aosp\external\chromium-webview\prebuilt\下替換arm或arm64架構 ...
  • # 前言 提到爬蟲可能大多都會想到python,其實爬蟲的實現並不限制任何語言。 下麵我們就使用js來實現,後端為express,前端為vue3。 # 實現功能 話不多說,先看結果: ![image](https://img2023.cnblogs.com/blog/1769804/202308/1 ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 最近,我剛剛完成了一個閱讀器的txt文件閱讀功能,但在處理大文件時,遇到了文本內容過多導致瀏覽器崩潰的問題。 一般情況下,沒有任何樣式渲染時不會出現什麼問題,15MB的文件大約會有3秒的空白時間。 <div id="content"></ ...
  • ## css3 瀑布流佈局遇見截斷下一列展示後半截現象 - 註:css3實現瀑布流佈局簡直不要太香~~~~~ ## 場景-在uniapp項目中 ### 當瀑布流佈局column-grap:10px 相鄰兩列之間的間隙為10px,column-count:2,2列展示時,就出現了截斷問題,如下圖: ! ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...