小米面試題

来源:https://www.cnblogs.com/cjx-web/archive/2018/07/30/9391237.html
-Advertisement-
Play Games

1 >new生成一個對象的過程 2>請簡單說明什麼是事件冒泡和事件捕獲以及事件委托 IE事件流叫作事件冒泡,即是事件開始有最具體的元素(文檔中嵌套最深的那個節點)接受,然後逐級向上傳播較為不具體的的節點 element(div)>element(body)>element(html)>Documen ...


1 >new生成一個對象的過程

  1. 生成一個空對象 var obj={};
  2. 設置新對象的constructor屬性為構造函數的名稱,設置對象的_proto_屬性指向構造函數的prototype對象
  3. 使用新對象調用函數,函數中的this被指向新的對象
  4. 初始化完畢新對象地址,保存在等號左邊的變數中

2>請簡單說明什麼是事件冒泡和事件捕獲以及事件委托

IE事件流叫作事件冒泡,即是事件開始有最具體的元素(文檔中嵌套最深的那個節點)接受,然後逐級向上傳播較為不具體的的節點 element(div)>element(body)>element(html)>Document;

Netscape Communication團隊提出的另一事件流叫作事件捕捉:事件捕捉的意思是不太具體的節點應該更早的接收到事件,而具體的節點應該是最後接收到事件的Document>html>body>div;

事件委托:給父元素綁定事件,用來監聽子元素的冒泡事件,並找到那個子元素的還是件

定義:利用事件冒泡處理動態元素事件綁定的方法,專業術語叫作事件委托        使用事件委托技術可以避免對特定的沒個節點添加事件監聽器,事件監聽器是被添加到他們的父元素上,事件監聽器會分析從子元素冒泡上來的事件,確定並且捕捉到哪個子元素的事件

 

3>從輸入一個url到瀏覽器頁面展示都經歷了哪些過程?


DNS查詢-tcp三次握手-https請求:

  1. 首先,在瀏覽器中輸入url
  2. 在瀏覽器先查看瀏覽器緩存-系統緩存-路由器緩存,如果緩存中有,會直接在屏幕中顯示頁面內容,若沒有調到第三步
  3. 在發送http請求前,需要功能變數名稱解析(DNS解析),解析獲取相應的IP地址
  4. 瀏覽器向伺服器發起tcp連接,與瀏覽器建立tcp三次握手
  5. 握手成功後,瀏覽器想伺服器發送請求,請求數據包
  6. 伺服器處理手段的請求,將數據返回至瀏覽器
  7. 瀏覽器收到http相應,
  8. 讀取頁面內容,瀏覽器渲染,解析HTML源碼
  9. 生成dom樹,解析css樣式,js交互
  10. 客戶端和服務端交互
  11. ajax查詢

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

-Advertisement-
Play Games
更多相關文章
  • 一,效果圖。 二,代碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Todo</title> <meta name="viewport" content="initial-scale=1, maximum-scale=1, ...
  • 本文講述JavaScript中類繼承的實現方式,並比較實現方式的差異。 一、何為繼承 繼承,是子類繼承父類的特征和行為,使得子類對象具有父類的實例域和方法。 繼承是面向對象編程中,不可或缺的一部分。 1.1 優點 父類可以為子類提供通用的屬性,而不必因為增加功能,而逐個修改子類的屬性 同上 子類在父 ...
  • React路由 React推了兩個版本 一個是react-router 一個是react-router-dom 個人建議使用第二個 因為他多了一個Link組件 Npm install react-router-dom 1.引入 上邊兩種方法都行,需要註意的是第二種,下邊的便簽的寫成<HashRout ...
  • 23:01:17 react腳手架搭建 (個人用的是webstorm,所以分享下webstorm中的創建react腳手架項目的方法) 1.創建新項目(前提是下載nodejs環境) 2.下載好在webstorm中右鍵自己創建的項目目錄,菜單中會出現一個命令行工具,點進去 然後 npm start 開啟 ...
  • 1.react 組件創建 首先要引入以下三個庫: react.min.js - React 的核心庫 react-dom.min.js - 提供與 DOM 相關的功能 babel.min.js - Babel 可以將 ES6 代碼轉為 ES5 代碼,這樣我們就能在目前不支持 ES6 瀏覽器上執行 R ...
  • 表格 表格由 <table> 標簽來定義。 每個表格均有若幹行(由 <tr> 標簽定義),每行被分割為若幹單元格(由 <td> 標簽定義)。 字母 td 指表格數據(table data),即數據單元格的內容。 數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。 例如,要畫出如下表格 ...
  • [1]概述 [2]圖像資源 [3]預製資源 [4]圖集資源 [5]藝術數字資源 [6]字體資源 ...
  • 最近在開發Cesium的項目,每次一打開瀏覽器渲染3D 模型。風扇就狂飆起來,進任務管理器查看發現集顯使用率100%,獨顯使用率0%。使用的是集顯進行渲染。怪不得風扇會飆起來。既然知道問題所在,解決的辦法就很簡單了,將瀏覽器設置為使用獨顯就可以了。 具體設置方法可以去各種搜索引擎上搜索。百度經驗裡面 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...