撩課-Web大前端每天5道面試題-Day33

来源:https://www.cnblogs.com/gxq666/archive/2019/01/12/10258573.html
-Advertisement-
Play Games

1.CommonJS 中的 require/exports 和 ES6 中的 import/export 區別? 2.項目做過哪些性能優化? 3.js 非同步載入的方式? 4.get與post 通訊的區別? 5.為什麼虛擬 dom 會提高性能? ...


1.CommonJS 中的 require/exports 和 ES6 中的 import/export 區別?

CommonJS 模塊的重要特性是載入時執行,
即腳本代碼在 require 的時候,就會全部執行。
一旦出現某個模塊被”迴圈載入”,
就只輸出已經執行的部分,
還未執行的部分不會輸出。

ES6 模塊是動態引用,
如果使用 import 從一個模塊載入變數,
那些變數不會被緩存,
而是成為一個指向被載入模塊的引用,
需要開發者自己保證,
真正取值的時候能夠取到值。

import/export 最終都是編譯為 require/exports 來執行的。
CommonJS 規範規定,
每個模塊內部,
module 變數代表當前模塊。
這個變數是一個對象,
它的 exports 屬性(即 module.exports )是對外的介面。
載入某個模塊,
其實是載入該模塊的 module.exports 屬性。
export 命令規定的是對外的介面,
必須與模塊內部的變數建立一一對應關係。

 

2.項目做過哪些性能優化?

減少 HTTP 請求數
減少 DNS 查詢
使用 CDN
避免重定向
圖片懶載入
減少 DOM 元素數量
減少 DOM 操作
使用外部 JavaScript 和 CSS
壓縮 JavaScript 、 CSS 、字體、圖片等
優化 CSS Sprite
使用 iconfont
字體裁剪
多功能變數名稱分發劃分內容到不同功能變數名稱
儘量減少 iframe 使用
避免圖片 src 為空
把樣式表放在 中
把腳本放在頁面底部

 

3.js 非同步載入的方式?

渲染引擎遇到 script 標簽會停下來,
等到執行完腳本,繼續向下渲染
defer 是“渲染完再執行”,async 是“下載完就執行”,
defer 如果有多個腳本,
會按照在頁面中出現的順序載入,
多個async 腳本不能保證載入順序
載入 es6模塊的時候設置 type=module,
非同步載入不會造成阻塞瀏覽器,頁面渲染完再執行,
可以同時加上async屬性,
非同步執行腳本(利用頂層的this等於undefined這個語法點,
可以偵測當前代碼是否在 ES6 模塊之中)

 

4.get與post 通訊的區別?

Get 請求能緩存,Post 不能
Post 相對 Get 安全一點點,
因為Get 請求都包含在 URL 里,且會被瀏覽器保存歷史紀錄,
Post 不會,但是在抓包的情況下都是一樣的。
Post 可以通過 request body來傳輸比 Get 更多的數據,Get 沒有這個技術
URL有長度限制,會影響 Get 請求,
但是這個長度限制是瀏覽器規定的,不是 RFC 規定的
Post 支持更多的編碼類型且不對數據類型限制

 

5.為什麼虛擬 dom 會提高性能?

虛擬 dom 相當於在 js 和真實 dom 中間加了一個緩存,
利用 dom diff 演算法避免了沒有必要的 dom 操作,從而提高性能。

用 JavaScript 對象結構表示 DOM 樹的結構;
然後用這個樹構建一個真正的 DOM 樹,
插到文檔當中當狀態變更的時候,重新構造一棵新的對象樹。
然後用新的樹和舊的樹進行比較,
記錄兩棵樹差異把 2 所記錄的差異應用到步驟 1 所構建的真正的 DOM 樹上,視圖就更新了。
 

 

 

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

-Advertisement-
Play Games
更多相關文章
  • https://www.cnblogs.com/wchxj/p/8159609.html 問題描述 場景:我們的應用系統是分散式集群的,可橫向擴展的。應用中某個介面操作滿足以下一個或多個條件: 1. 介面運行複雜代價大, 2. 介面返回數據量大, 3. 介面的數據基本不會更改, 4. 介面數據一致性 ...
  • 上一篇我們說了創建一個簡單的顯示報表,但在實際工作中,我們有很多要帶條件的報表 現在先認識一下報表數據,首次打開SSDT,報表數據在視窗的左側,要是找不到了,沒關係,在工具欄-視圖-最下麵的報表數據 下麵我們通過簡單的方式創建一個帶條件的報表 可以通過先創建參數再修改Sql語句,我在這裡為了簡單通過 ...
  • 巨杉資料庫目前已經在超過50家大型商業銀行核心業務上線使用,本文為銀行金融科技轉型應用系列文章第一篇,此後巨杉還將陸續推出銀行業應用和科技創新文章,大家敬請期待。 ...
  • 1、UITableView 的編輯模式 進入編輯模式 代碼體現 // 設置 editing 屬性 tableView?.editing = true // 這個設置的時候是有動畫效果的 tableView.setEditing(true, animated: true) // 我一般喜歡的設置方式 ...
  • 目的:handle的出現主要是為瞭解決線程間通訊。 舉個例子,android是不允許在主線程中訪問網路,因為這樣會阻塞主線程,影響性能,所以訪問網路都是放在子線程中執行,對於網路返回的結果則需要顯示在主線程中,handler就是連接主線程和子線程的橋梁。 1.handler基本使用方法 看一下使用方 ...
  • 今天做項目的時候遇到一個需求,就是子view視圖彈出時,屏蔽掉父view的所有手勢,然後想到用 UIGestureRecognizerDelegate代理方法,中間省一些文字(無奈臉),言歸正傳,NSStringFromClass其實是用來判斷類型的,看代碼 好尷尬的我。。。。屏蔽掉父view的所有 ...
  • MIUI12系統能有啥方法開啟root超級許可權?各位都清楚,Android機器有root超級許可權,如果手機開啟root相關許可權,可以實現更好的功能,舉例子,各位公司的營銷部門,使用某些營銷軟體都需要在root超級許可權下執行,如果手機無能獲的root的許可權,則沒辦法正常使用相關的功能。 MIUI12系 ...
  • 背景: 由於,項目需要,需要進行視頻通信,把a的畫面,轉給b。 運維部署: APP1:編碼攝像頭採集的數據,並且發送數據到服務端 APP2:從服務端,拉取數據,並且進行解碼顯示 服務端:接收APP1提交的數據,發送APP1提交數據到APP2 應用說明: APP1:camera = Camera.op ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...