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

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

1.vuejs與angularjs以及react的區別? 2.<keep-alive></keep-alive>的作用是什麼? 3.scss是什麼?在vue.cli中的安裝使用步驟是?有哪幾大特性? 4.vue為什麼不直接操作dom? 5.WeakMap 和 Map 的區別? ...


1.vuejs與angularjs以及react的區別?

1.與AngularJS的區別
相同點:
都支持指令:內置指令和自定義指令。
都支持過濾器:內置過濾器和自定義過濾器。
都支持雙向數據綁定。
都不支持低端瀏覽器。

不同點:
1.AngularJS的學習成本高,比如增加了Dependency Injection特性,而Vue.js本身提供的API都比較簡單、直觀。
2.在性能上,AngularJS依賴對數據做臟檢查,所以Watcher越多越慢。
Vue.js使用基於依賴追蹤的觀察並且使用非同步隊列更新。所有的數據都是獨立觸發的。
對於龐大的應用來說,這個優化差異還是比較明顯的。
2.與React的區別

相同點:
React採用特殊的JSX語法,Vue.js在組件開發中也推崇編寫.vue特殊文件格式,對文件內容都有一些約定,兩者都需要編譯後使用。
中心思想相同:一切都是組件,組件實例之間可以嵌套。
都提供合理的鉤子函數,可以讓開發者定製化地去處理需求。
都不內置列數AJAX,Route等功能到核心包,而是以插件的方式載入。
在組件開發中都支持mixins的特性。

不同點:
React依賴Virtual DOM,而Vue.js使用的是DOM模板。React採用的Virtual DOM會對渲染出來的結果做臟檢查。
Vue.js在模板中提供了指令,過濾器等,可以非常方便,快捷地操作Virtual DOM。

 

2.<keep-alive></keep-alive>的作用是什麼?

<keep-alive></keep-alive> 包裹動態組件時,會緩存不活動的組件實例,主要用於保留組件狀態或避免重新渲染。

大白話: 
比如有一個列表和一個詳情,那麼用戶就會經常
執行打開詳情=>返回列表=>打開詳情…這樣的話列表和詳情都是一個頻率很高的頁面,
那麼就可以對列表組件使用<keep-alive></keep-alive>進行緩存,
這樣用戶每次返回列表的時候,都能從緩存中快速渲染,而不是重新渲染

 

3.scss是什麼?在vue.cli中的安裝使用步驟是?有哪幾大特性?

css的預編譯。

使用步驟:

第一步:用npm 下三個loader(sass-loader、css-loader、node-sass)

第二步:在build目錄找到webpack.base.config.js,在那個extends屬性中加一個拓展.scss

第三步:還是在同一個文件,配置一個module屬性

第四步:然後在組件的style標簽加上lang屬性 ,例如:lang=”scss”

有哪幾大特性:

1、可以用變數,例如($變數名稱=值);

2、可以用混合器,例如()

3、可以嵌套

 

4.vue為什麼不直接操作dom?

因為操作dom對象後,會觸發一些瀏覽器行為,比如佈局(layout)和繪製(paint)。  
paint是一個耗時的過程,然而layout是一個更耗時的過程,
我們無法確定layout一定是自上而下或是自下而上進行的,甚至一次layout會牽涉到整個文檔佈局的重新計算。
瀏覽器的layout是lazy的,也就是說:
在js腳本執行時,是不會去更新DOM的,任何對DOM的修改都會被暫存在一個隊列中,
在當前js的執行上下文完成執行後,會根據這個隊列中的修改,進行一次layout。

 

5.WeakMap 和 Map 的區別?

WeakMap 結構與 Map 結構基本類似,唯一的區別是它只接受對象作為鍵名( null 除外),
不接受其他類型的值作為鍵名,
而且鍵名所指向的對象,不計入垃圾回收機制。

WeakMap 最大的好處是可以避免記憶體泄漏。
一個僅被 WeakMap 作為 key 而引用的對象,會被垃圾回收器回收掉。

WeakMap 擁有和 Map 類似的 set(key, value) 、get(key)、has(key)、delete(key) 和 clear() 方法, 
沒有任何與迭代有關的屬性和方法。
 

 


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

-Advertisement-
Play Games
更多相關文章
  • 1、LIKE 通常與 % 一同使用,類似於一個元字元的搜索。若substr不在str中,則返回0。 SELECT 'test' LIKE '%e%' as `ret`; # 1 SELECT 'test' LIKE '%a%' as `ret`; # 0 2、INSTR(str,substr) 返回... ...
  • §歷史回顧 2018年歲末,李大胖朦朧中上了開往Hbase王國的車,伴著一聲長鳴,列出緩緩駛出站臺,奔向無垠的廣袤。 (圖片來自於網路) 如不熟悉劇情的,可觀看文章: 五分鐘輕鬆瞭解Hbase列式存儲 Hbase給初學者的“下馬威” §生逢其時 隨著改革開放的持續推進,移動互聯網的長足發展,以及物聯 ...
  • 數據倉庫是伴隨著信息技術和決策支持系統(DSS,Decision Support System)的發展而產生的,利用歷史的操作數據進行管理和決策。 數據倉庫是一個面向主題的、集成的、非易失的、隨著時間變化的,用於支持管理人員決策的數據集合,數據倉庫包含粒度化的企業數據,在不同的粒度級別上對數據進行聚 ...
  • 1、首先講下row_number() over() 是乾什麼的? 是一個分析函數,會在數據表生成一個排序列。 案例SQL: 如下圖實例: 2、使用row_number() over()分頁查詢數據 本人覺得這種分頁方法簡便,一直也在用這個方法(使用row_number() over()產生的排序列也 ...
  • 在iOS開發中經常會用到UIlabel來展示一些文字性的內容,但是預設的文字排版會覺得有些擠,為了更美觀也更易於閱讀我們可以通過某些方法將UIlabel的行間距和字間距按照需要調節。 比如一個Label的預設間距效果是這樣: 然後用一個封裝起來的Category來調整這部分文字的行間距,其中5.0就 ...
  • objc_class結構體 類在OC中是objc_class的結構體指針 typedef struct objc_class *Class; 在objc/runtime.h中objc_class結構體的定義如下: 下麵我們來看一下objc_class的定義,我們在使用runtime以class為首碼 ...
  • 一,效果圖。 二,代碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript 調試</title> </head> <body> <h1>我的第一個web頁面</h1> <p>瀏覽器中用f12來啟用調試模式,在 ...
  • 一、前言 在之前的學習中,我們對於 Vue 的一些基礎語法進行了簡單的瞭解,通過之前的代碼可以清晰的看出,我們在使用 Vue 的整個過程,最終都是在對 Vue 實例進行的一系列操作。 這裡就會引出一個問題,就像我們剛開始學習 C# 的時候把全部的代碼一股腦的寫到 Main 方法中,現在我們把所有對於 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...